基本架構：
<table>
      <tr><th>容器</th><th>容器</th>...<th>容器</th></tr> <!--可省略-->
      <tr><td>容器</td><td>容器</td>...<td>容器</td></tr>
      ........................................................................
      <tr><td>容器</td><td>容器</td>...<td>容器</td></tr>
</table>

標題欄<th>...</th>、標題<caption>...</caption><!--可省略-->

table  標題內常見屬性計有：
  • border="n"
    (邊) n 是寬度，以點數表示。
  • cellspacing="n"
    (容器格間距)<!--較少用-->
  • cellpadding="n"
    (容器格填充)<!--較少用-->
  • width="n"
    寬度
  • height="n"
    高度
  • align="left / center / right"
    水平對齊方式 (左/中/右)
  • bordercolor="RGB"
    (邊顏色)
  • <caption>...</caption><!--屬性較有(較少用)-->

th、tr、td  標籤內常見屬性計有：
  • align="left/center/right" <!--左/中/右-->
  • valign="top/middle/bottom" <!--上/中/下-->
  • width="n" <!--寬度-->
  • height="n" <!--高度-->
  • bgcolor="RGB" <!--背景色-->
  • background="URL" <!--背景圖片-->
  • colspan="n" <!--橫向格合併-->
  • rowspan="n" <!--縱向格合併-->
  1. 本課重點：
    1. 表格<table>標籤，用的最多而且是最好的網頁排版語法，建議您多加研習。
    2. 表格可作巢狀包覆使用，也可插入任何網頁元件，其內也可含蓋其他標籤。
    3. 運用之妙在於多看與多作，這組標籤屬性與參數不難，最好熟記他。
    4. 切記：記不住或不會就多查閱  常用HTML語法速查表  常用HTML語法速查表(看的懂最重要)。
  2. 範例介紹：
    1. 基本語法：認識他以後，再麻煩的表格，您都可以隨意修改了
    2. 範例一：th、border="n" 、align="l/c/r"、width="x"、 height="x"
    3. 範例二：border-collapse,border-style
    4. 範例三：cellSpacing="n"、cellPadding="n"、bordercolor="rgb"、bordercolordark="rgb"、bordercolorlight="rgb"
    5. 範例四：bgcolor="rgb"、background="URL"
    6. 範例五：caption、align="L/C/R"、valign="T/B"、nowrap
    7. 範例六：colspan="n"、rowspan="n"
    8. 範例七：綜合範例
    9. 巢狀表格：表格中表格範例
    10. 無縫接表格範例

  3. 本課重點：
    1. 表格標籤為 table，橫列宣告為 tr，橫列中的每一格是 td 或 th(用在開頭標題)。
    2. 標籤各設定值或參數，養成加上雙引號 "n" 習慣，這對某些瀏覽器是有必要的。
    3. 有結束標籤</tags>時，不可省略。
      4. 如：<tr><td>...</td></tr>。
    4. 標籤的對稱使用也是很重要，由外往內或由內往外都可以，但是不要交叉使用。
      5. 正確：<tr><td>...</tr></td>；錯誤：<tr><td>...</tr></td>。
    5. 設計表格之初，border值最好先設為 "1"，等表格修正完成後再改為 "0"。
    6. 大多數的標籤(表格)屬性，若無設定相關參數時，都會以內定值顯示；
      7. 如 align td 為 "left"、th 為 "center"，border="0"、cellspacing="1"、cellpadding="0"。
    7. "N"的設定值，可為百分比(%)也稱為相對值(會隨瀏覽器大小縮放)
      8. 或像素(Piexls)也稱為絕對值(不會隨瀏覽器大小縮放)。
    8. 如果表格複雜，合併像很多，則初學者最好使用表個編號，比較容易分辨誰跟誰要合併。
      9. 可參考作業 4 說明。


請您比照畫這個 表格，然後傳上您的主機，命名為 table.html。 另外請再試試這個 表格 並在 index.html 作一個鏈結 <a href="table.html"> 這是表格運用1</a>及<a Href="ta">這是表格運用2</a>。ble2.html 完成後也記得先試一試哦！再來信告訴我，已完成上傳。 不管您做的結果如何？只要您修改到認為接近此圖時，就一定要上傳。