表格是xhtml中處境尷尬的一個標簽,本節只做了解即可.
在css流行之前,table被廣泛應用于定位。在xhtml中,table不被推薦用來定位,w3c希望css可以取代<table>在定位方面的地位。不過事實上由于利用css布局常常需要大量的手寫代碼工作(常用的網頁設計軟件如dreamweaver并不能完美支持div的顯示),<table>仍被許多網站用語首頁布局,例如google的more products頁面就利用了table來定位。 不過我個人推薦您開始使用css來定位網頁,因為這是web發展的方向。當然了,在初期用css取代table可能使您遇上很多的麻煩。
在xhtml中,創建表格的標簽是<table>,書寫代碼時,我們要先用<tr>標簽將表格分成一行一行,再用<td>標簽把每行分成一格一格。完全手寫代碼創建table是十分困難和低效的,而在網頁制作軟件中制作表格就如同word一樣簡單,只需要選擇行列之類的簡單屬性即可。但是我們可能會遇到自動做出的表格不符合要求,而需要在代碼模式調整的可能,因此我們還是要大概了解xhtml表格標簽的具體寫法。
<table>標簽可以有border屬性。如果不設置border屬性的值,在默認情況下,瀏覽器將不顯示表格的邊框。
我們來建立一個四行兩列的標簽,代碼如下:
<table border="1"> <tr> <td>一個格子</td> <td>一個格子</td> </tr> <tr> <td>一個格子</td> <td>一個格子</td> </tr> <tr> <td>一個格子</td> <td>一個格子</td> </tr> <tr> <td>一個格子</td> <td>一個格子</td> </tr> </table> |
新聞熱點
疑難解答