HTML标记语言——（二）
表格
1.表格的基本结构--<table>标记
基本格式 <table 属性1=“属性值1” 属性2=“属性值2” 属性3=“属性值3”>
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.表格的基本结构--<caption>标记
· 什么时候使用：如果表格需要标题，那么就可以使用<caption>标记。
· 如何正确使用：<caption>属性的插入位置，直接位于<table>属性之后，<tr>表格行之前。
· align属性：属性值——（1）top标题放在表格上部 （2）bottom标题放在表格下部 （3）left标题放在表格左部 （4）right标题放在表格右部
3.表格的基本结构--<tr>行标记
定义表格的一行，对于每一个表格行，都是由一对<tr>...</tr>标记表示，每一行<tr>标记内可以嵌套多个<td>列标记或者<th>列标记。
可选属性：（1）bgcolor（设置颜色背景）（2）align（设置垂直方向对齐方式，值有bottom/top/middle）（3）valign（设置水平方向对齐方式，值有left/right/center）
4.表格的基本结构--<td>和<th>列标记
<td>和<th>都是单元格的标记，其必须嵌套在<tr>标签内，是成对出现。
二者的区别：
<th>是表头标记，通常位于首行或者首列，<th>中的文字默认会被加粗，而<td>不会；
<td>是数据标记，表示该单元格的具体数据。
共同之处：二者的标记属性都是一样的。
属性：
（1）bgcolor（设置单元格属性）
（2）align（设置单元格对齐方式）
（3）valign（设置单元格垂直对齐方式）
（4）width（设置单元格宽度）
（5）height（设置单元格高度）
（6）rowspan（设置单元格所占行数）
（7）colspan（设置单元格所占列数）
HTML框架
1.什么是框架？
框架将浏览器划分成不同的部分，每一部分加载不同的网页，实现在同一浏览器窗口中加载多个页面的效果。
2.<frameset>划分框架标记
语法格式：<frameset>...<frameset>
属性：（1）cols：使用“像素数”和%分割左右窗口，“*”表示剩余部分；如果使用“*”，“*”表示框架平均分成2个；如果使用“*”，“*”，“*”表示平均分成3个。
（2）rows：使用“像素数”和%分割上下窗口，“*”表示剩余部分，其他同上。
（3）frameborder：指定是否显示边框，0不显示，1显示。
（4）border：设置边框大小，默认值5像素
<frame>子窗口标记：<frame>标记是一个单标记，该标记必须放在<frameset>中使用，在<frameset>中设置了几个窗口，就必须对应使用几个<frame>框架，而且还必须使用src属性制定一个网页。
属性：（1）src：加载网页文件的URL地址
（2）name：框架名称，是链接标记的target所要参数
（3）noresize：表示不能调整框架大小，没有设置时就可以调整。
（4）scrolling：是否需要滚动条（auto/yes/no）
（5）frameborder：是否需要边框（1显示/2不显示）
表单设计
1.表单标记
<form></form>定义表单的开始位置和结果位置，表单提交时的内容就是<form>表单中的内容
基本格式：<form action=“服务器端地址（接受表单内容的地址）” name=“表单名称” method=“get/post”>...</form>
常用属性：（1）name：表单名称
（2）method：分为post和get两种方式
（3）action：表单数据的处理程序的URL地址，如果为空则使用当前文档的URL地址，如果表单中不需要使用action属性也要指定其属性为“no”
（4）enctype：设置表单的资料编码方式
（5）target：和超链接的属于类似，用来指定目标窗口
2.文本域和密码
<input>标记：没有结束标记
基本语法：<input type=" " name=" " size=" " maxlength=" ">
属性：（1）type：text（一个文本输入域）/password（一个密码输入域）
（2）name：定义控件的名称
（3）value：初始化值，打开浏览器时，文本框中的内容
（4）size：设置控件的长度
（5）maxlength：输入框中最大输入字符数
3.提交、重置、普通按钮
提交按钮：<input type="submit">
重置按钮：<input type="reset">
普通按钮：<input type="button">
4.单选框和复选框
单选按钮：<input type="radio">
复选框：<input type="checkbox">
单选框和复选框都可以使用“checked”属性来设置默认选中项
5.隐藏域
当<input type="hidden">时，为隐藏表单域
6.多行文本域
用法：<textarea>标记可以实现
语法格式：<textarea name="name" rows="value" cols="value">
rows和cols属性分别用来指定显示的行数和列数，单位是字符个数
7.菜单下拉列表<select>
语法格式：<select name="" size="value" (multiple多选)>
<option value="value" select(默认选中项)>选项1</option>
<option value="value">选项2</option>
<option value="value">选项3</option>......</select>
option标记：标记指定列表中的一个选项，需要放在<select>...</select>之间
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列表包含多个带名字的列表项。
