单词表
| 单词 | 解释 |
|---|---|
| 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中出现!
表格的其它技巧
- 在第一行中,可以使用th替代td, 这表示列标题, th默认加粗并水平居中.
- 可以使用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>
