表格是XHTML中處境尷尬的一個標籤,本節只做了解即可.
關於表格
在CSS流行之前,table被廣泛應用於定位。在XHTML中,table不被建議用來定位,W3C希望CSS可以取代
在定位方面的地位。不过事实上由于利用CSS布局常常需要大量的手写代码工作(常用的网页设计软件如Dreamweaver并不能完美支持div的显示),仍被许多网站用语首页布局,例如Google的More products页面就利用了table来定位。 不过我个人推荐您开始使用CSS来定位网页,因为这是Web发展的方向。当然了,在初期用CSS取代table可能使您遇上很多的麻烦。
表格标签
在XHTML中,创建表格的标签是,书写代码时,我们要先用标签将表格分成一行一行,再用标签把每行分成一格一格。完全手写代码创建table是十分困难和低效的,而在网页制作软件中制作表格就如同Word一样简单,只需要选择行列之类的简单属性即可。但是我们可能会遇到自动做出的表格不符合要求,而需要在代码模式调整的可能,因此我们还是要大概了解XHTML表格标签的具体写法。
表格的边框(border)属性
标签可以有border属性。如果不设置border属性的值,在默认情况下,浏览器将不显示表格的边框。
表格练习
我们来建立一个四行两列的标签,代码如下:
一个格子 |
一个格子 |
一个格子 |
一个格子 |
一个格子 |
一个格子 |
一个格子 |
一个格子 |
在定位上的地位。不過事實上由於利用CSS佈局常常需要大量的手寫程式碼工作(常用的網頁設計軟體如Dreamweaver並不能完美支援div的顯示),仍被許多網站用語首頁佈局,例如Google的More products頁面就利用了table來定位。 不過我個人推薦您開始使用CSS來定位網頁,因為這是Web發展的方向。當然了,在初期用CSS取代table可能會讓您遇上很多的麻煩。
表格標籤
在XHTML中,建立表格的標籤是,書寫程式碼時,我們要先用
標籤將表格分成一行一行,再用標籤把每行分成一格一格。完全手寫程式碼創建table是十分困難和低效的,而在網頁製作軟體中製作表格就如同Word一樣簡單,只需要選擇行列之類的簡單屬性即可。但我們可能會遇到自動做出的表格不符合要求,而需要在程式碼模式調整的可能,因此我們還是要大概了解XHTML表格標籤的具體寫法。
表格的邊框(border)屬性
標籤可以有border屬性。如果不設定border屬性的值,在預設情況下,瀏覽器將不顯示表格的邊框。
表格練習
我們來建立一個四行兩列的標籤,程式碼如下:
一個格子一個格子一個格子一個格子一個格子一個格子一個格子一個格子一個格子 td>
顯示結果如下:注意上面的程式碼,一共有4對,對應著下面的4個行。而沒個(行)又有兩個單元格。於是就成了一個4行2列的表格。
一個格子
一個格子
一個格子
一個格子
一個格子
一個格子
一個格子
一個格子
這樣的表格用來列出資料之類的資訊就夠了,但是用來定位的表格通常要複雜一些。再次強調我們不建議用table來定位,所以這裡僅僅簡單地介紹了。
|
|