close

表格製作

表格是每一個網頁不可缺少的東西，首先我們要加入

的碼，在
的標籤內可以控制整個表格的長度和外框的粗細 :

width="300 border="1 cellspacing="2>
  • width=控制表格長度，可用數字或百分比
  • cellspaing=控制儲存格的分隔距離，內定為2
  • background=背景圖檔
  • border=控制外框粗細，不外框便設成0

這只是一開始的設定，必須在

後加上來關閉儲存格 :
，才會新開一個儲存格，再用



儲存格1儲存格2
儲存格1 儲存格2

若想跳到下一行，加上即可 :







儲存格1儲存格2
儲存格3儲存格4
儲存格1 儲存格2
儲存格3 儲存格4

當然亦可使用

:






儲存格1儲存格2
儲存格3儲存格4
儲存格1儲存格2
儲存格3 儲存格4

內的屬性如下 :
  • align=控制水平是left(靠左)／right(靠右)／center(置中)
  • valign=控制垂直是top(靠上)／middle(置中)／bottom(靠下)
  • background=背景圖檔
  • colspan=使一個儲存格橫跨 N 個欄位
  • rowspan=使一個儲存格下跨 N 個列

若想為表格加上標題，來標明整個表格的主題，可在

後加上的標籤

公佈欄





儲存格1儲存格2
儲存格3儲存格4
公佈欄
儲存格1 儲存格2
儲存格3 儲存格4

colspan的用法 :







&LT/table>
colspan=3 align=center>儲存格 A1
儲存格 B1儲存格 B2儲存格 B3
儲存格 A1
儲存格 B1 儲存格 B2 儲存格 B3

rowspan的用法 :








&LT/table>
rowspan=3 align=center>儲存格 A1儲存格 B1
儲存格 B2
儲存格 B3
儲存格 A1 儲存格 B1
儲存格 B2
儲存格 B3

 

回目錄

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 tryit287814 的頭像
    tryit287814

    tryit287814

    tryit287814 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄