1. 程式人生 > 其它 >表格標籤基本使用

表格標籤基本使用

表格標籤與列表標籤

表格標籤基本使用

1.表格標籤

表格不是用來佈局頁面,而是用來展示資料的。

(1)表格的基本語法

<table> </table> 用於定義表格的標籤

<tr> </tr> 行

<td> </td>單元格

表頭單元格標籤<th> </th>會加粗居中顯示

align 對齊方式

cellpadding 規定單元邊沿與其內容之間的空白,預設1畫素

cellspacing 規定單元格之間的空白,預設2畫素

以上三種屬性都要寫到表格標籤table裡面去

(2)表格結構標籤

<thead>標籤 表格的頭部區域 <tbody> 標籤 表格的主體區域

<thead>標籤內部必須擁有<tr>標籤

(3)合併單元格

跨行:rowspan = "合併單元格的個數" 最上側單元格為目標單元格,寫合併程式碼

跨列:colspan = "合併單元格的個數" 最左側單元格為目標單元格,寫合併程式碼

2.列表標籤

表格是用來展示資料,而列表是用來佈局的。

(1)無序列表

<ul> <li> </li> </ul> ul裡只能巢狀li標籤 <li>與</li>之間可以容納所有元素

(2)有序列表

<ol> <li> </li> </ol>

(3)自定義列表

<dl> <dt> </dt> <dd> </dd> </dl> dt與dd為並列關係