日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

XHTML入門學(xué)習(xí)教程:表格標(biāo)簽的應(yīng)用_XHTML教程

編輯Tag賺U幣
教程Tag:暫無Tag,歡迎添加,賺取U幣!

表格是XHTML中處境尷尬的一個標(biāo)簽,本節(jié)只做了解即可.

關(guān)于表格

在CSS流行之前,table被廣泛應(yīng)用于定位。在XHTML中,table不被推薦用來定位,W3C希望CSS可以取代<table>在定位方面的地位。不過事實上由于利用CSS布局經(jīng)常需要大量的手寫代碼工作(常用的網(wǎng)頁設(shè)計軟件如Dreamweaver并不能完美支持div的顯示),<table>仍被許多網(wǎng)站用語首頁布局,例如Google的More products頁面就利用了table來定位。 不過我個人推薦您開始使用CSS來定位網(wǎng)頁,因為這是Web發(fā)展的方向。當(dāng)然了,在初期用CSS取代table可能使您遇上很多的麻煩。

表格標(biāo)簽<table>

在XHTML中,創(chuàng)建表格的標(biāo)簽是<table>,書寫代碼時,我們要先用<tr>標(biāo)簽將表格分成一行一行,再用<td>標(biāo)簽把每行分成一格一格。完全手寫代碼創(chuàng)建table是十分困難和低效的,而在網(wǎng)頁制作軟件中制作表格就如同Word一樣簡單,只需要選擇行列之類的簡單屬性即可。但是我們可能會碰到自動做出的表格不符合要求,而需要在代碼模式調(diào)整的可能,因此我們還是要大概了解XHTML表格標(biāo)簽的具體寫法。

表格的邊框(border)屬性

<table>標(biāo)簽可以有border屬性。假如不設(shè)置border屬性的值,在默認(rèn)情況下,瀏覽器將不顯示表格的邊框。

表格練習(xí)

我們來建立一個四行兩列的標(biāo)簽,代碼如下:

<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>

顯示結(jié)果如下:注重上面的代碼,一共有4對<tr>,對應(yīng)著下面的4個行。而沒個<tr>(行)又有兩個<td>單元格。于是就成了一個4行2列的表格。

一個格子 一個格子
一個格子 一個格子
一個格子 一個格子
一個格子 一個格子

這樣的表格用來列出數(shù)據(jù)之類的信息足夠了,但是用來定位的表格通常要復(fù)雜一些。再次強調(diào)我們不推薦用table來定位,所以這里僅僅簡單地介紹了<table>。

來源:模板無憂//所屬分類:XHTML教程/更新時間:2007-12-23
相關(guān)XHTML教程