表格標籤基本使用
阿新 • • 發佈:2021-11-08
表格標籤與列表標籤
表格標籤基本使用
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為並列關係