天天看點

HTML學習第五課定義清單和表格一、定義表格(dl)

定義清單和表格

一、定義表格(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所示。 基本表格

表1-1-2

屬性 描述
width 表格的寬度
height 表格的高度
border 表格邊框的寬度(以像素為機關)
cellspacing 單元格之間的間距
cellpadding 單元格内容與單元格邊界之間的空白距離的大小

如果要建立跨多行、多列的單元格,隻需在< th>或< td>中加入rowspan或colspan屬性的屬性值,例如:< th colspan=#>,#表示跨過#列,如果是2的話則表示跨過2列。行也是如此。