定義清單和表格
一、定義表格(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列。行也是如此。