HTML(5)——列表、表格

1. 列表：<ul><li>灌水区</li><li>版务区</li><li>原创贴图</li></ul>。unordered list。

2. 还有有序的列表<ol></ol>，用的很少。ordered list 。

3. 表格：<table></table>为表格，在内部通过<tr>创建行，<tr>内部通过<td> 创建单元格。可以将table的border属性设为0来隐藏表格线。

（1）填充、间距：①Cellpadding（填充）：是内容和表格边线之间的距离；②cellspacing（间距）：是单元格之间的间距。

（2）<tr>的属性：align，水平对齐，可选值left、right、center；valign，垂直对齐，可选值top、middle、bottom。

（3）<td>也有align和valign。<tr align="right"><td>tom</td><td align="left">20</td><td>男</td></tr>：子标签默认继承父标签的属性，如果自己单独指定了属性，则会覆盖父标签的属性。

（4）还可以使用rowspan（合并行，把多行合并成一行）、colspan（合并列，把多列合并成一列）进行单元格的合并。

（5）表头的td可以用th代替，这样就会实现表头粗体（加粗）、居中显示。

=========================================================

一、列表属性：

1. 无序列表属性（<ul></ul>标签的属性）： Type = disc（实心圆，默认）, circle（空心圆）, square（实心正方形）。

2. 有序列表属性（<ol></ol>标签的属性）： Type= 1（阿拉伯数字，1、2、3...，默认）,a（a、b、c...）,A（A、B、C...）,I（大写的罗马数字，I、II、III...）,i（小写的罗马数字，i、ii、iii...）。

3. 无序列表和有序列表例子：

二、缩写的由来：

1. <ul></ul>是无序列表，是unordered list的缩写形式；

2. <ol></ol>是有序列表，是ordered list的缩写形式；

3. <tr></tr>是行，是table row的缩写形式；

4. <td></td>是单元格（数据表格、列），是table data的缩写形式；

5. <th></th>是表头，是table head的缩写形式；

6. colspan是合并列（跨列），是column span（跨列）的缩写形式；

7. rowspan是合并行（跨行），是row span（跨行）的缩写形式。

三、对齐方式的设置：

1. align属性，水平对齐（横向对齐设置），可选值left（左）、right（右）、center（居中）；

2. valign属性，垂直对齐（竖向对齐设置），可选值top（顶部）、middle（中间）、bottom（底部）。