XHTML入門(mén)學(xué)習(xí)教程:表格標(biāo)簽的應(yīng)用_XHTML教程
表格是XHTML中處境尷尬的一個(gè)標(biāo)簽,本節(jié)只做了解即可.
關(guān)于表格
在CSS流行之前,table被廣泛應(yīng)用于定位。在XHTML中,table不被推薦用來(lái)定位,W3C希望CSS可以取代<table>在定位方面的地位。不過(guò)事實(shí)上由于利用CSS布局經(jīng)常需要大量的手寫(xiě)代碼工作(常用的網(wǎng)頁(yè)設(shè)計(jì)軟件如Dreamweaver并不能完美支持div的顯示),<table>仍被許多網(wǎng)站用語(yǔ)首頁(yè)布局,例如Google的More products頁(yè)面就利用了table來(lái)定位。 不過(guò)我個(gè)人推薦您開(kāi)始使用CSS來(lái)定位網(wǎng)頁(yè),因?yàn)檫@是Web發(fā)展的方向。當(dāng)然了,在初期用CSS取代table可能使您遇上很多的麻煩。
表格標(biāo)簽<table>
在XHTML中,創(chuàng)建表格的標(biāo)簽是<table>,書(shū)寫(xiě)代碼時(shí),我們要先用<tr>標(biāo)簽將表格分成一行一行,再用<td>標(biāo)簽把每行分成一格一格。完全手寫(xiě)代碼創(chuàng)建table是十分困難和低效的,而在網(wǎng)頁(yè)制作軟件中制作表格就如同Word一樣簡(jiǎn)單,只需要選擇行列之類的簡(jiǎn)單屬性即可。但是我們可能會(huì)碰到自動(dòng)做出的表格不符合要求,而需要在代碼模式調(diào)整的可能,因此我們還是要大概了解XHTML表格標(biāo)簽的具體寫(xiě)法。
表格的邊框(border)屬性
<table>標(biāo)簽可以有border屬性。假如不設(shè)置border屬性的值,在默認(rèn)情況下,瀏覽器將不顯示表格的邊框。
表格練習(xí)
我們來(lái)建立一個(gè)四行兩列的標(biāo)簽,代碼如下:
| <table border="1"> <tr> <td>一個(gè)格子</td> <td>一個(gè)格子</td> </tr> <tr> <td>一個(gè)格子</td> <td>一個(gè)格子</td> </tr> <tr> <td>一個(gè)格子</td> <td>一個(gè)格子</td> </tr> <tr> <td>一個(gè)格子</td> <td>一個(gè)格子</td> </tr> </table> |
顯示結(jié)果如下:注重上面的代碼,一共有4對(duì)<tr>,對(duì)應(yīng)著下面的4個(gè)行。而沒(méi)個(gè)<tr>(行)又有兩個(gè)<td>單元格。于是就成了一個(gè)4行2列的表格。
| 一個(gè)格子 | 一個(gè)格子 |
| 一個(gè)格子 | 一個(gè)格子 |
| 一個(gè)格子 | 一個(gè)格子 |
| 一個(gè)格子 | 一個(gè)格子 |
這樣的表格用來(lái)列出數(shù)據(jù)之類的信息足夠了,但是用來(lái)定位的表格通常要復(fù)雜一些。再次強(qiáng)調(diào)我們不推薦用table來(lái)定位,所以這里僅僅簡(jiǎn)單地介紹了<table>。
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽:有關(guān)H1位置的討論
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索XHTML入門(mén)學(xué)習(xí)教程:表格標(biāo)簽的應(yīng)用
- 教程說(shuō)明:
XHTML教程-XHTML入門(mén)學(xué)習(xí)教程:表格標(biāo)簽的應(yīng)用
。