定义列表和表格
一、定义表格(dl)
定义列表的表格也叫做描述性列表,定义列表默认为为两个层次,第一层为列表项标签< dt>,第二层为注释项标签< dd>。< dt>和< dd>标签通常是成对使用的,也可以一个列表项对应于几个解释项,其格式为:
<dl>
<dt>第1项</dt>
<dd>注释1</dd>
<dt>第二项</dt>
<dd>注释2</dd>
<dt>第三项</dt>
<dd>注释3</dd>
二、表格(table)
< table>标签定义HTML表格。
简单的HTML表格由table 元素以及一个或多个tr、th、或td元素组成。tr元素定义表格行,th元 素定义表头,td元素定义表格单元。
更复杂的HTML表格也可能包括caption 、col、 colgroup、 thead、 tfoot以及tbody元素。例如:
<!DOCTYPE html>
<title>基本表格</title>
<meta charest="utf-8">
<table >
<caption>学生信息表</caption>
<tr>
<th>姓名</th>
<th>学号</th>
<th>班级</th>
</tr>
<tr>
<td>小红</td>
<td>10012</td>
<td>学前1班</td>
</tr>
<tr>
<td>小明</td>
<td>10018</td>
<td>学前2班</td>
</tr>
</table>
基本表格
姓名 | 学号 | 班级 |
---|---|---|
小红 | 10012 | 学前1班 |
小明 | 10018 | 学前2班 |
如上图所示,千万要记得< th>是表头,< td>是类似身体的部位,也就是表格单元。而< tr>定义单元行。
此外表格标签< table >有很多属性。如图1-1-2所示。 基本表格
属性 | 描述 |
---|---|
width | 表格的宽度 |
height | 表格的高度 |
border | 表格边框的宽度(以像素为单位) |
cellspacing | 单元格之间的间距 |
cellpadding | 单元格内容与单元格边界之间的空白距离的大小 |
如果要创建跨多行、多列的单元格,只需在< th>或< td>中加入rowspan或colspan属性的属性值,例如:< th colspan=#>,#表示跨过#列,如果是2的话则表示跨过2列。行也是如此。