HTML5超链接有哪些分类,二.超链接、表格、表单及元素分类

(一)超链接

超链接的应用对象：文字、图片

超链接标签

常用属性

a. href:目标文件的路径

b. target:_self(默认，在自身窗口打开目标文件)、_blank(在新窗口打开目标文件)

超链接的种类

a. 内部链接：在一个站点内部各文件间的链接，路径直接写相对路径

b. 外部链接：所谓外部路径就是站点间的链接或者说是网站间的链接，路径要写一个绝对路径

c. 空链接：所谓空链接就是指有链接的效果，但是没有链接的指向,路径处写#

d. 锚点链接：所谓锚点链接就是一个文档内部不同部分间的链接，锚点链接的实现分为两步

第一步：设置锚点,在开始标记中使用id属性设置锚点名称,如

第二步：链接锚点，在链接时要在锚点名称前加#，如返回顶部

注意事项：

a. 如果给图片加超链接，那么在ie下，图片会有边框，如果不想要边框，可以在img标签内写border=”0”或者用css修饰

b. title:鼠标悬停时的提示文字

(二)表格

表格的基本结构

...

...

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标签，该标题的默认位置为表格正上方居中位置

表格的基本结构

...

...

thead：表格的头部

tbody：表格的主体

tfoot：页脚

这三组标签的好处

1.可以固定表格的结构

2.如果表格过长，那么在打印时可以让每一页都有表格的头部和页脚信息

(三)表单

表单：用于采集用户信息的

表单由表单域和表单控件构成

表单域：form，它的本质是为表单元素形成一个容器，常用属性有action、method、target、name

action:表单信息提交地址

method：表单信息提交方式，常用属性值有get/post

get:以地址栏的形式传送数据，不安全，数据量小

post：安全、数据量大

target：设置页面的打开方式，常用值为_self/_blank

name:设置表单容器的名称

表单元素

文本框:

密码框：

单选框：(注意name的值要相同)

多选框：

提交按钮:

重置按钮:

普通按钮:(注意：该按钮，默认情况下没有什么效果，常和其它技术配合着使用)

图像域：(注意：图像域的作用和提交按钮的作用相同)

文件域：

下拉菜单

....

文本域

表单字段集：作用是将表单元素划分成不同的部分

表单字段集标题

(注意该标签写在fieldset标签的开始标记的后面)

(四)元素分类: 块级元素、行内元素、行内块元素

块级元素

a. 独占一行

b. 可以设置宽度和高度，但是就算设置了宽度和高度，该元素也是独占一行

c. 在页面中垂直排列

d. 可以设置margin、padding

e. 块元素可以包含其它的块元素和行内元素，但是需要注意的是

标签和

-

标签既不可以包含其它的块元素，也不可以包含自身

f. 常见的块元素有：p、h1-h6、ul、li、ol、dl、dt、dd、p、table、form

行内元素(内联元素)

a.行内元素可以在一行显示

b.行内元素不可以设置宽度和高度，它的宽度和高度是受内容影响的

c.对margin和padding两个属性部分支持

d.行内元素不可以包含其它的块元素

e.常见的行内元素有：a、span

行内块元素(内联块元素)：极具有块元素的特性，也具有行内元素的特性，如标签，它既可以设置宽度、高度，也可以在一行

常见的行内块元素：img、input、select、textarea