ajax自学笔记-html的学习

一.Html高级标签

 

1表格的作用

用于固定文本或图像的位子，用表格来进行布局。这个是很通用的方式。

开始的工作是绘制表格，将整个页面化为若干区域。再进行填充。

一些大网站的首页都是使用表格来设计内容的。只是将边框设为0就可以了。

 

<table></table>

表格中每一行<tr></tr>

表格中一行当中的一列<td></td>

表格中有一系列属性，可以在VS中找到。

<caption>是标题

 

2.分帧的作用

将一个浏览器文档窗口分隔成为多个窗口，每个窗口都可以显示一个独立的网页文件。

<frameset rows(行，横着分) or cols（列，竖着分）=”30%,*”>

<frame src=”1.html” noresize(不能拉升)>

<frame>

</frameset>

上面这段语句就是来划分一个窗口，划分为2个，一个占三成，一个是七成。

但是这段语句是不能存在于BODY标签中。

这个框架分帧窗口在VS中可以直接创建。

<iframe>和<frame>类似。Iframe标签有一个非常有用的显示效果。就是在frame中创建一个新的窗口，造成画中画的效果。如

<iframe src=”1.html” name=”iframe1” /frame>

<a href=”sina.com” target=”iframe1” /a>

这样，一个类似于浏览器的窗口嵌在了iframe1中。他以前显示的是1.html.后来被显示了sina的内容。

 

 

3.表单标签

<form action=http://sina.com/chuli.cgi method=“get” or “post”>action表示服务器端用这个地址文件来进行处理这个表单   提交方式也包括get 和post  post方式比get方式传递的数据大得多。

</form>

<input type=text name=sex>这是个文本输入框

<input type=submit>

<input type=checkbox

<input type=reset

Type还可以是 password

File 这个是上传文件用的 但是提交要改为post

Image图形

<select>复选框  这个是一个下拉框的

<option></option>

</select>

<textarea>

</textarea> 属性cols,rows（定义输入框内容的行数和列数，如果实际输入超出范围则会有滚动条）  文本输入框

当有的时候左右内容不能水平对称的时候可用table来对内容进行规划。则可以让zuoyou 内容更适合展示。

 

<label>

 

二 头元素

位于head 里面的元素

 

<title>  标签对 用于显示title信息

<base href=”http://www.sina.com.cn/image”>  用于指定网页中的超链接的基准地址。那么在下文其他相对地址前面就会自动加上这个地址

 

<link> 定义当前文档和另一个文档或资源之间的关系。比如说js文件的引用。

在收藏夹里网站的图标在link里 <link REL=:shortcut Icon” href=”1.ico”>16*16像素的。

<meta> 插入网页的描述信息

Keyword属性

<meta name=”keywords” content=”vs.java,培训”>

Description属性

<meta name=”description” content=”vs的一个培训介绍”>

搜索引擎根据keywords在搜索到了内容之后，description就会出现在下面的内容介绍中。

Content-type属性

<meta http-equiv=”content-type” content=”text/html”;charset=gb2312>告诉浏览器使用国标2312

Refresh属性

<meta http-equiv=”refresh” content=”1”;>这个是每隔一秒钟都进行刷新一次网页

<meta http-equiv=”refresh” content=”1”;url=”http://www.sina.com.cn”>过了1秒钟后会自动跳转到这个sina网页

Expires属性

这个属性浏览器缓存网页的一个时间，设为0则不缓存。

Page-enter属性和page-exit属性

这2个属性用来定义浏览器显示网页时候网页呈现出来的一个效果。这个是非常有意思的一个功能。

 

三 分区标签

<div></div>表示一个区域块，里面可以包含所有html元素。对一个区域标签的属性都添加某些属性，那么我们使用div把他们圈起来，再在DIV上设置这个属性就可以了。

主要是用于CSS和客户端脚本编程

 

<span></span>是一个文本级的元素，将一组单词进行分隔处理的时候就用这个。

同样，DIV和span都可以用来区分。但是DIV是用来区分块，就是说一个区域。分得的一个区域，再分新的一个的时候就会换行。而span是区分一段文字，比如说下面一段代码

<div id=”client-zzx” class=”client”>

  <span class=”name”>name</span>Will Liang

  <span class=”tel”>tel</span> 123123

</div>

这段代码就很好地诠释了div 和span的一个包容关系