DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML表格標記教程(14):表格的表頭
HTML表格標記教程(14):表格的表頭
編輯:HTML和Xhtml     

在HTML語言中,可以自動通過標記為表格添加標題。另外,表格的第一行稱為表頭,這也可以通過HTML標記來實現。
基本語法
<TABLE> ....
  <TR>
   <TH>標題1</TH><TH>標題2</TH><TH>標題3</TH><TH>標題4</TH><TH>標題5</TH>
  </TR>
 ........
</TABLE>
語法解釋
通過BORDER屬性定義邊框線的寬度,單位為像素。
<html>
<head>
<title>表格標記的綜合例子</title>
</head>
<body>
<table border="1" width="80%" bgcolor="#e8e8e8" cellpadding="2" bordercolor="#0000ff" bordercolorlight="7d7dff" bordercolordark="#0000a0">
<tr>
<th width="30%" colspan="2" valign="bottom">大西洋賽區</th>
<th width="30%" colspan="2" valign="bottom">中部賽區</th>
<th width="30%" colspan="2" valign="bottom">東南賽區</th>
</tr>
<tr>
<td width="16%" align="center">凱爾特人</td>
<td width="16%" align="center">76人</td>
<td width="17%" align="center">活塞</td>
<td width="17%" align="center">公牛</td>
<td width="17%" align="center">熱火</td>
<td width="17%" align="center">奇才</td>
</tr>
<tr>
<td width="16%" align="center">網</td>
<td width="16%" align="center">尼克斯</td>
<td width="17%" align="center">步行者</td>
<td width="17%" align="center">騎士</td>
<td width="17%" align="center">魔術</td>
<td width="17%" align="center">山貓</td>
</tr>
<tr>
<td width="16%" align="center">猛龍</td>
<td width="16%" align="center">過江</td>
<td width="17%" align="center">雄鹿</td>
<td width="17%" align="center">芝加歌</td>
<td width="17%" align="center">老鷹</td>
<td width="17%" align="center">姚明</td>
</tr>
</table>
</body>
</html>
其中<TH></TH>是指的表格的表頭和標題。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved