1. 程式人生 > >Table tr td th表格使用案例

Table tr td th表格使用案例

caption 屬性返回了表格的 caption 元素。

caption 元素定義了表格的標題。

注意: <caption> 元素定義了一個表格標題。<caption> 標籤必須緊跟在 <table> 標籤之後,每個表格僅能規定一個 caption。通常,caption 會位於表格之上居中的位置。

<html>
<head>
<script>
function displayResult()
{
alert(document.getElementById("myTable").caption.innerHTML);
}
</script>
</head>
<body>

<table id="myTable" border="1">
<caption>This is a table caption</caption>
  <tr>
    <td>cell 1</td>
    <td>cell 2</td>
  </tr>
  <tr>
    <td>cell 3</td>
    <td>cell 4</td>
  </tr>
</table>
<br>
<button type="button" onclick="displayResult()">Alert table caption</button>

</body>
</html>


  1. <tablewidth="300"border="1"cellspacing="0">
  2.     <tr>
  3.         <th>班級</th>
  4.         <th>日期</th>
  5.         <th>標題</th>
  6.     </tr>
  7.     <tr>
  8.         <td>一班</td>
  9.         <td>2012-5-10</td>
  10.         <td>標題1</td>
  11.     </tr>
  12.     <tr
    >
  13.         <td>二班</td>
  14.         <td>2012-5-20</td>
  15.         <td>標題2</td>
  16.     </tr>
  17. </table>

DW軟體裡截圖:

table佈局案例截圖
table案例教程佈局截圖

谷歌瀏覽器效果截圖:

瀏覽器中table佈局案例截圖
table表格佈局案例在瀏覽器中截圖