二.超链接、表格、表单及元素分类
(一)超链接
超链接的应用对象：文字、图片
超链接标签
常用属性
a. href:目标文件的路径
b. target:_self(默认，在自身窗口打开目标文件)、_blank(在新窗口打开目标文件)
超链接的种类
a. 内部链接：在一个站点内部各文件间的链接，路径直接写相对路径
b. 外部链接：所谓外部路径就是站点间的链接或者说是网站间的链接，路径要写一个绝对路径
c. 空链接：所谓空链接就是指有链接的效果，但是没有链接的指向,路径处写#
d. 锚点链接：所谓锚点链接就是一个文档内部不同部分间的链接，锚点链接的实现分为两步
第一步：设置锚点,在开始标记中使用id属性设置锚点名称,如<p id="top"></p>
第二步：链接锚点，在链接时要在锚点名称前加#，如<a href="#top">返回顶部</a>
注意事项：
a. 如果给图片加超链接，那么在ie下，图片会有边框，如果不想要边框，可以在img标签内写border=”0”或者用css修饰
b. title:鼠标悬停时的提示文字
（二）表格
表格的基本结构
<table>
<tr>
<td></td>
...
</tr>
...
</table>
table的属性
a. border:边框，属性值是像素值，像素值越大，边框越粗
b. width:宽度，属性值是像素值或百分比，默认的宽度受内容影响
c. height：高度，属性值是像素值,默认的高度受内容影响
d. cellspacing：单元格间距，即单元格间的距离，属性值是像素值，值越大，越宽
e. cellpadding：单元格边距，即内容和边框的距离，属性值是像素值，值越大，越宽
f. align：设置表格相对于父元素的水平对齐方式，属性值为left、center、right
tr的属性
height:行高，属性值为像素值
align:内容水平对齐方式，属性值为left、center、right
valign:内容垂直对齐方式，属性值为top/bottom/middle
td的属性
width：设置的是单元格所在列的宽度，属性值为像素值
height:设置的是单元格所在行的行高，属性值为像素值
align:设置的是该单元格内容的水平对齐方式，属性值为left、center、right
valign：设置的是该单元格内容的垂直对齐方式，属性值为top/middle/bottom
colspan:横向合并单元格，属性值为合并的单元格的个数，即阿拉伯数值
rowspan:纵向合并单元格，属性值为合并的单元格的个数，即阿拉伯数值
表头单元格th
th是一种很特殊的单元格，具有加粗和居中的效果
表格标题，注意位置在table标签内部，紧挨着table标签，该标题的默认位置为表格正上方居中位置
表格的基本结构
<table>
<thead>
<tr>
<td></td>
...
</tr>
...
</thead>
<tbody>
</tbody>
<tfoot>
</tfoot>
</table>
thead：表格的头部
tbody：表格的主体
tfoot：页脚
这三组标签的好处
1.可以固定表格的结构
2.如果表格过长，那么在打印时可以让每一页都有表格的头部和页脚信息
（三）表单
表单：用于采集用户信息的
表单由表单域和表单控件构成
表单域：form，它的本质是为表单元素形成一个容器，常用属性有action、method、target、name
action:表单信息提交地址
method：表单信息提交方式，常用属性值有get/post
get:以地址栏的形式传送数据，不安全，数据量小
post：安全、数据量大
target：设置页面的打开方式，常用值为_self/_blank
name:设置表单容器的名称
表单元素
文本框:<input type="text" placeholder="提示文字"/>
密码框：<input type="password" />
单选框：<input type="radio" name="单选框的名称" >（注意name的值要相同）
多选框：<input type="checkbox" checked="checked"/>
提交按钮:<input type="submit" value="按钮上的提示文字"/>
重置按钮:<input type="reset" value="按钮上的提示文字" />
普通按钮:<input type="button" value="提示文字" />（注意：该按钮，默认情况下没有什么效果，常和其它技术配合着使用）
图像域：<input type="image" src="图像的地址" />（注意：图像域的作用和提交按钮的作用相同）
文件域：<input type="file" />
下拉菜单
<select>
<option selected="selected" value="向服务器提交的值"></option>
....
</select>
文本域<textarea row="行数" cols="每行所能容纳的字符的个数"></textarea>
表单字段集：作用是将表单元素划分成不同的部分
<fieldset></fieldset>
表单字段集标题
<legend></legend>（注意该标签写在fieldset标签的开始标记的后面）
（四）元素分类: 块级元素、行内元素、行内块元素
块级元素
a. 独占一行
b. 可以设置宽度和高度，但是就算设置了宽度和高度，该元素也是独占一行
c. 在页面中垂直排列
d. 可以设置margin、padding
e. 块元素可以包含其它的块元素和行内元素，但是需要注意的是<p>标签和<h1>-<h6>标签既不可以包含其它的块元素，也不可以包含自身
f. 常见的块元素有：p、h1-h6、ul、li、ol、dl、dt、dd、p、table、form
行内元素(内联元素)
a.行内元素可以在一行显示
b.行内元素不可以设置宽度和高度，它的宽度和高度是受内容影响的
c.对margin和padding两个属性部分支持
d.行内元素不可以包含其它的块元素
e.常见的行内元素有：a、span
行内块元素（内联块元素）：极具有块元素的特性，也具有行内元素的特性，如<img />标签，它既可以设置宽度、高度，也可以在一行
常见的行内块元素：img、input、select、textarea