列表 表格

单词表

单词	解释
list	列表
item	一项
order	排序
define	定义
topic	主题
description	描述
row	行
columns	列
cell	单元格
vertial	垂直的
horizental	水平的
border	边框
width	宽度
height	高度
space	空间,间距
top	顶部
bottom	底部
middle	中间(垂直)
center	中间(水平)

列表

列表用于组织逻辑上相关联的内容。

无序列表：ul>li

<ul type="disc|circle|square">
<li>列表项</li>
</ul>

disc: 圆点
circle: 圆圈
square: 实心正方形

有序列表: ol>li

<ol type="1|A|a|I|i">
<li>列表项</li>
</ol>

定义列表: dl>dt+dd

<dt>主题</dt>
<dd>描述</dd>
</dl>

经验:
1 li,dt,dd可看作容器,里面可以包含任意内容
2 列表可以嵌套,但不要破坏标准的标签结构

表格

表格用于组织整齐的规则的内容.
表格由行组成,行由单元格组成. 不同行的同一序号的单元格构成一列.
现代网页中使用表格来呈现整齐的数据, 很少使用表格进行布局.

基本语法: table>tr>td

<table align="left|center|right" border="边框宽度" 
cellspacing="单元格间距" cellpadding="单元格填充">
  <tr>
    <td align="left|center|right" valign="top|middle|bottom">
    </td>
  </tr>
</table>

tr是行,td是单元格,可以把td看成是个容器,它可以容纳任何内容.
align是水平对齐方式,center是居中.
valign是垂直对齐方式,middle是居中.

单元格的合并

合并后的单元格我们认为它"跨?行"或"跨?列":
<td colspan="跨越的列数" rowspan="跨越的行数"></td>

注意:
跨列将导致所在行的单元格数量的减少;
跨行将导致其它行的单元格数量的减少;

原则:
不到万不得已,不要合并单元格!

表格的嵌套

嵌套表格时,和嵌套ul,ol一样,不能破坏table的标准结构
内层的table必须在外层的td中出现!

表格的其它技巧

1. 在第一行中,可以使用th替代td, 这表示列标题, th默认加粗并水平居中.
2. 可以使用thead,tbody对表格中的行进行逻辑上的分组.

<table>
  <thead>
    <tr>
    </tr>
  </thead>
  <tbody>
    <tr>
    </tr>
    ...
  </tbody>
</table>

3 可以使用colgroup>col基于列进行样式风格上的控制.

<table>
  <colgroup>
    <col />
  </colgroup>
  <thead>
    <tr>
    </tr>
  </thead>
  <tbody>
    <tr>
    </tr>
    ...
  </tbody>
</table>