ae能用html语言,HTML标记语言——（二）

表格

1.表格的基本结构--

基本格式

table标记的属性：

(1)width(表格的宽度，可以是像素值px，也可以是父集的百分百)

(2)height(表示表格的高度，可以是像素值px，也可以是父集的百分百)

(3)border(表示表格外边框的宽度)

(4)align(表格的显示位置：left/right/center)

(5)cellspacing(单元格之间的间距，默认是2px)

(6)cellspadding(单元格与单元格表框之间的显示间距，默认是2px)

(7)frame(控制表格边框最外层的四条线框，属性值：above/below/hsides/lhs/rhs/vsides/box/border)

(8)rules(控制是否显示以及如何显示单元格之间的分割线，属性值：none/all/rows/clos/groups)

2.表格的基本结构--

标记

· 什么时候使用：如果表格需要标题，那么就可以使用

标记。

· 如何正确使用：

属性的插入位置，直接位于

· align属性：属性值——(1)top标题放在表格上部  (2)bottom标题放在表格下部  (3)left标题放在表格左部 (4)right标题放在表格右部

3.表格的基本结构--

行标记定义表格的一行，对于每一个表格行，都是由一对...标记表示，每一行标记内可以嵌套多个列标记或者列标记。

可选属性：(1)bgcolor(设置颜色背景)(2)align(设置垂直方向对齐方式，值有bottom/top/middle)(3)valign(设置水平方向对齐方式，值有left/right/center)

4.表格的基本结构--

和列标记和都是单元格的标记，其必须嵌套在标签内，是成对出现。

二者的区别：

是表头标记，通常位于首行或者首列，中的文字默认会被加粗，而不会；是数据标记，表示该单元格的具体数据。

共同之处：二者的标记属性都是一样的。

属性：

(1)bgcolor(设置单元格属性)

(2)align(设置单元格对齐方式)

(3)valign(设置单元格垂直对齐方式)

(4)width(设置单元格宽度)

(5)height(设置单元格高度)

(6)rowspan(设置单元格所占行数)

(7)colspan(设置单元格所占列数)

HTML框架

1.什么是框架？

框架将浏览器划分成不同的部分，每一部分加载不同的网页，实现在同一浏览器窗口中加载多个页面的效果。

2.

划分框架标记

语法格式：

...

属性：(1)cols：使用“像素数”和%分割左右窗口，“*”表示剩余部分；如果使用“*”，“*”表示框架平均分成2个；如果使用“*”，“*”，“*”表示平均分成3个。

(2)rows：使用“像素数”和%分割上下窗口，“*”表示剩余部分，其他同上。

(3)frameborder：指定是否显示边框，0不显示，1显示。

(4)border：设置边框大小，默认值5像素

子窗口标记：标记是一个单标记，该标记必须放在

中使用，在中设置了几个窗口，就必须对应使用几个框架，而且还必须使用src属性制定一个网页。

属性：(1)src：加载网页文件的URL地址

(2)name：框架名称，是链接标记的target所要参数

(3)noresize：表示不能调整框架大小，没有设置时就可以调整。

(4)scrolling：是否需要滚动条(auto/yes/no)

(5)frameborder：是否需要边框(1显示/2不显示)

表单设计

1.表单标记

定义表单的开始位置和结果位置，表单提交时的内容就是表单中的内容

基本格式：

...

常用属性：(1)name：表单名称

(2)method：分为post和get两种方式

(3)action：表单数据的处理程序的URL地址，如果为空则使用当前文档的URL地址，如果表单中不需要使用action属性也要指定其属性为“no”

(4)enctype：设置表单的资料编码方式

(5)target：和超链接的属于类似，用来指定目标窗口

2.文本域和密码

标记：没有结束标记

基本语法：

属性：(1)type：text(一个文本输入域)/password(一个密码输入域)

(2)name：定义控件的名称

(3)value：初始化值，打开浏览器时，文本框中的内容

(4)size：设置控件的长度

(5)maxlength：输入框中最大输入字符数

3.提交、重置、普通按钮

提交按钮：

重置按钮：

普通按钮：

4.单选框和复选框

单选按钮：

复选框：

单选框和复选框都可以使用“checked”属性来设置默认选中项

5.隐藏域

当时，为隐藏表单域

6.多行文本域

用法：标记可以实现

语法格式：

rows和cols属性分别用来指定显示的行数和列数，单位是字符个数

7.菜单下拉列表

语法格式：

选项1

选项2

选项3......

option标记：标记指定列表中的一个选项，需要放在...之间

8.HTML5中加强版的ol列表元素

start属性代表列表编号起始值，type代表编号的类型(阿拉伯数字、英文字母、罗马数字等)

reversed属性代表反向排列列表编号。注：编号类型阿拉伯数字时正常反向排序，若编号为英文，且列表数大于起始数，则当英文排序到A时下一个编号为0，接着从0开始反向排序，如序列(C B A 0 -1 -2....)

9.重新定义dl列表元素

dl元素在HTML4中，是一个专门用来定义术语的列表。

dl元素在HTML5中，把dl元素进行了重定义。每一项包含一条或者多条带名字的dt元素，用来表示术语，dt元素后面紧跟一个或者多个dd元素，用来表示定义。重定义后的dl列表包含多个带名字的列表项。