程式語言教學誌 FB, YouTube: PYDOING: HTML 4.01 快速導覽

<table> 為區塊元素 (block element) ，將標記內容顯示成表格，表格中分成行 <tr> ，每一行需要有相同數量的欄 <td>

起始標籤	結束標籤
需要	需要

<table> 有幾個屬性

屬性	值	Deprecated or Obsolete
align	left right center	Deprecated
bgcolor	#RRGGBB	Deprecated
border	邊框寬度	Deprecated
cellspacing		Deprecated
frame	above below hsides vsides lhs rhs border box void	Deprecated
rules	none groups rows columns all	Deprecated
summary	表格摘要
width	表格寬度	Deprecated

舉不同 rules 設定的例子如下

<html>
<head>
<title>網頁標題</title>
</head>
<body>
 <table>
  <tr><td>3456</td><td>7890</td><td>8888</td><td>1111</td></tr>
  <tr><td>0500</td><td>1122</td><td>5555</td><td>2222</td></tr>
  <tr><td>3456</td><td>7890</td><td>7777</td><td>3436</td></tr>
  <tr><td>1212</td><td>3434</td><td>9876</td><td>2020</td></tr>
 </table>
 <hr>
 <table rules="all">
  <tr><td>3456</td><td>7890</td><td>8888</td><td>1111</td></tr>
  <tr><td>0500</td><td>1122</td><td>5555</td><td>2222</td></tr>
  <tr><td>3456</td><td>7890</td><td>7777</td><td>3436</td></tr>
  <tr><td>1212</td><td>3434</td><td>9876</td><td>2020</td></tr>
 </table>
 <hr>
 <table rules="rows">
  <tr><td>3456</td><td>7890</td><td>8888</td><td>1111</td></tr>
  <tr><td>0500</td><td>1122</td><td>5555</td><td>2222</td></tr>
  <tr><td>3456</td><td>7890</td><td>7777</td><td>3436</td></tr>
  <tr><td>1212</td><td>3434</td><td>9876</td><td>2020</td></tr>
 </table>
 <hr>
 <table rules="none">
  <tr><td>3456</td><td>7890</td><td>8888</td><td>1111</td></tr>
  <tr><td>0500</td><td>1122</td><td>5555</td><td>2222</td></tr>
  <tr><td>3456</td><td>7890</td><td>7777</td><td>3436</td></tr>
  <tr><td>1212</td><td>3434</td><td>9876</td><td>2020</td></tr>
 </table>
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：tableexample09.html
     功能：示範 HTML 4.01 標記語言的使用 
     作者：張凱慶
     時間：西元 2011 年 5 月 -->

利用瀏覽器 (broswer) 開啟，結果如下

下面為不同 frame 的設定

<html>
<head>
<title>網頁標題</title>
</head>
<body>
 <table frame="above">
  <tr><td>3456</td><td>7890</td><td>8888</td><td>1111</td></tr>
  <tr><td>0500</td><td>1122</td><td>5555</td><td>2222</td></tr>
 </table>
 <br / >
 <table frame="below">
  <tr><td>3456</td><td>7890</td><td>8888</td><td>1111</td></tr>
  <tr><td>0500</td><td>1122</td><td>5555</td><td>2222</td></tr>
 </table>
 <br / >
 <table frame="hsides">
  <tr><td>3456</td><td>7890</td><td>8888</td><td>1111</td></tr>
  <tr><td>0500</td><td>1122</td><td>5555</td><td>2222</td></tr>
 </table>
 <br / >
 <table frame="vsides">
  <tr><td>3456</td><td>7890</td><td>8888</td><td>1111</td></tr>
  <tr><td>0500</td><td>1122</td><td>5555</td><td>2222</td></tr>
 </table>
 <br / >
 <table frame="rhs">
  <tr><td>3456</td><td>7890</td><td>8888</td><td>1111</td></tr>
  <tr><td>0500</td><td>1122</td><td>5555</td><td>2222</td></tr>
 </table>
 <br / >
 <table frame="box">
  <tr><td>3456</td><td>7890</td><td>8888</td><td>1111</td></tr>
  <tr><td>0500</td><td>1122</td><td>5555</td><td>2222</td></tr>
 </table>
 <br / >
 <table frame="void">
  <tr><td>3456</td><td>7890</td><td>8888</td><td>1111</td></tr>
  <tr><td>0500</td><td>1122</td><td>5555</td><td>2222</td></tr>
 </table>
 <br / >
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：tableexample10.html
     功能：示範 HTML 4.01 標記語言的使用 
     作者：張凱慶
     時間：西元 2011 年 5 月 -->

同樣用瀏覽器開啟，如下