1. 程式人生 > 實用技巧 >HTML網頁中的表格與表單

HTML網頁中的表格與表單

HTML的表格還好,表單是相當重要,其中的內容非常多,但是不難,跟著書本做一遍基本上就ok了

 1   @*table 說明我要建一個表格了,border=1.就是讓表格的邊框可見,預設是不可見*@
 2     @*當然表格還有其他設定,跟word差不多,cellspacing單元格之間的間距,一般設定為0吧
 3     cellpadding單元內容與邊框之間的距離,border-collapse表格最外圍的邊框是否合併為
 4     一個邊框,一般預設是separate,也就是分開的,需要設定為collapse*@
 5     @*bgcolor設定表格背景顏色,應該用的不多,也可以單獨某一行額外設定背景顏色,可以用於區分表頭和表體*@
6 <table border="1" 7 cellpadding="8" 8 cellspacing="0" 9 bgcolor="#e8e8e8" 10 style="border-collapse:collapse" > 11 @*caption 是表格標題,預設是居中的,我相信可以設定位置,這裡就不去特意研究了*@ 12 <caption>包裝模擬</caption> 13 @*thead是表頭,就是表格的第一行,個人覺得用處不大*@
14 <thead> 15 @*表格的跨行和跨列,應該是表格裡最難得,需要理解html應該是逐行讀取,先到先佔,心中要有b數*@ 16 @*rowspan,表示行合併,colspan,表示列合併*@ 17 @*tr是表的一行,td是一行中的每一個單元格,下面的表頭就是一行3列*@ 18 <tr bgcolor="#c8c8c8"> 19 <td>婚姻</td> 20 <td>愛情</td> 21
<td align="right">人生</td> 22 </tr> 23 </thead> 24 @*tbody是表的主題,如果不去設定就會根據內容自適應*@ 25 @*跟word一樣表格裡面也有對其方式,預設是左對齊 align=left,center,right*@ 26 <tbody> 27 <tr> 28 <td colspan="2" rowspan="2">吾道不孤</td> 29 <td>相濡以沫不如相忘於江湖</td> 30 @*<td></td>*@ 31 </tr> 32 <tr> 33 <td @*align="center"*@>這個體制怎麼破</td> 34 @*<td></td>*@ 35 @*<td></td>*@ 36 </tr> 37 </tbody> 38 @*表格裡面可以巢狀表格,巢狀列表,連結,圖片等等,這就是以前網頁設計的模式吧,現在為啥不用了呢*@ 39 </table>