HTML中的表格元素

一，

1，border屬性的參數值是數字，表示表格邊框寬度所占的像素點數。它也可以不帶有參數值使用，僅表示該表格是有邊框的。例如，

2，width和height屬性的作用是指定表格的大小。其中width屬性用來規定表格的寬度，height屬性用以指定表格的高度。這兩個屬性的參數值可以是數字或者百分數，其中數字表示表格的寬(高)所占的像素點，百分數表示表格的寬(高)占據瀏覽器窗口的寬(高)度的百分比。例如：

3，align屬性的參數值為left,center和right之一，分別表示表格位于其相鄰文字的左側、表格水平居中和表格位于相鄰文字的右側。例如：

測試頁面單元格單元格單元格單元格單元格

1	解釋項	解釋項	同上	同上
2	解釋項	同上	又一單元	接著來

文字說明，這個就是表格居于相鄰文字左側的范例，只要改變一下align的屬性參數就可以改變表格的位置了。

---

4,cellspacing屬性。cellspacing屬性用來指定表格各單元格之間的空隙。此屬性的參數值是數字，表示單元格間隙所占的像素點數。

5,cellpadding屬性。用來指定單元格內容與單元格邊界之間的空白距離的大小。此屬性的參數值也是數字，表示單元格內容與上下邊界之間空白距離的高度所占像素點數以及單元格內容與左右邊界之間空白距離的寬度所占的像素點數。例如：

測試頁面

---

沒加如單元格屬性的規定之前的樣子：

單元格單元格單元格單元格單元格

1	單元格	單元格	單元格	單元格
2	單元格	單元格	單元格	單元格

---

加入單元格屬性規定之后的情形：

單元格單元格單元格單元格單元格

1	單元格	單元格	單元格	單元格
2	單元格	單元格	單元格	單元格

接著我們來看看剛剛看到的幾個不熟悉的標簽是怎么個意思。

一，

標簽。是表格的標題的標簽。它是成對使用的標簽。在首標簽和尾標簽之間的內容就是表個的標題。有兩個屬性：align和valign它們都是可選的。

其中，align屬性的參數值為left,center,right之一，分別表示表格標題與表格的左邊沿兒對齊，位于表格中間和表格的右邊沿兒對齊。缺省時，表格標題位于表格的中間；valign屬性的參數值是top和bottom之一，分別表示表格標題位于表格的上方和下方，缺省時，表格的標題位于表格的上方。例如：

測試頁面

---

這就是該表格的標題單元格單元格單元格單元格單元格

1	單元格	單元格	單元格	單元格
2	單元格	單元格	單元格	單元格

---

這個例子中的表格標題是與表格的右邊沿兒對齊的。

二，

標簽。是行標簽。HTML的表格是按行組織的。一個表格由幾行組成，就要有幾個標簽與之對應。行標簽是成對使用的標簽。它必須和標簽配合使用，后者在使用時嵌套在和之間，用來規定該行中各單元格的內容。標簽有兩個屬性。即align和valign屬性，他們都是可選的。

其中align屬性的參數值為left,center和right之一(以后如我特別說明，該屬性的參數都是這三個)分別表示個行中各單元格內容是左對齊、水平居中和右對齊的。缺省時為left(居左)；valign屬性的參數值是top,middle和bottom之一，分別表示該行中各單元格內容是緊靠上沿兒，垂直居中和緊靠下沿兒的。缺省時為middle(居中)。

三，

和標簽和標簽都是用來規定單元格內容的，表頭標簽用來規定表頭元素的內容，表頭元素一般位于每列的首行，用來說明該列的具體數據是關于哪個對象的。標簽是成對的。數據標簽也是成對使用的，首標簽和尾標簽之間的內容就是該單元格的具體數據(也就是對表頭的解釋內容)由于兩者都是用于規定單元內容的，和標簽的所有屬性及相應的屬性功能是完全一樣的。標簽的屬性有rowspancolspanalignvalign。

(1)rowspan屬性的參數值是數字，表示該單元格所跨的行數。缺省值為1。

(2)colspan屬性的參數值也是數字，表示該單元格所跨的列數。缺省值為1。

(3)align屬性用于規定單元格內容在水平方向上的位置。三個參數值分別表示該單元格是左對齊，居中還是右對齊。缺省時為left(左對齊)

(4)valign屬性用于規定單元格內容在垂直方向上的位置。屬性的參數值為top,,middle和bottom之一，分別表示該單元格內容是緊靠上沿兒，垂直居中還是緊靠下沿兒。缺省時為middle(垂直居中)。

好了，今天差不多就到這兒吧！太多了看不過來，不容易記憶。

本文作者:相關閱讀:

PHP中Date()時間日期函數的使用方法小結

CSS3教程:box-sizing屬性

Linux主機信任關系配置

JavaScript 變量命名規則

Linux中關于apt命令的應用

Mootools 1.2教程 Fx.Tween的使用

php中的登陸login

js類 from qq

SQLSERVER服務手工啟動 批處理文件

CSS3制作日歷實現代碼

Javascript 對象的解釋

CSS3:偽類前的冒號和兩個冒號區別

SQL 2005使用專用管理員連接(DAC)的技巧及修改系統表的方法

Javascript版仿豆瓣分頁效果

總結

以上是生活随笔為你收集整理的php中插入表格 标签,PHP_HTML中的表格元素，一，table标签。tablegt - phpStudy的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。