本篇文章給大家帶來的內容是關于什么是table表格？html中table表格的介紹，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

什么是表格？表格是由行和列排列而成的一種結構，按照行和列呈現數據，從而進行頁面布局。這種布局方式已經過時。建議使用p+css實現頁面布局。

如何創建HTML表格：HTML表格由table標簽、caption標簽以及一個或多個tr、th或td標簽組成：

1、table標簽用來定義表格，整個表格包含在<table>和</table>標簽中；

2、caption標簽定義表格標題；

3、tr標簽用來定義表格中一個行，它是單元格的容器，每行可以包含有多個單元格，由<tr>和</tr>標簽表示；

4、td標簽和th標簽用來定義單元格，所有單元格都在tr標簽內，每個單元格由一對<td>和</td>標簽或一對<th>和</th>標簽表示，具體的表格內容放置在這一對td標簽或th標簽之中，其語法如下：

<table>
	<caption>表格標題</caption>
    <tr>
        <th>1行1列的內容</th>
        <th>1行2列的內容</th>
        …
    </tr>
    <tr>
        <td>2行1列的內容</td>
        <td>2行2列的內容</td>
        …
    </tr>
    …
</table>

登錄后復制

注：th和td的不同：th默認是以粗體和居中的方式呈現于單元格。

table的一些常用標簽屬性

1、border標簽屬性：設定表格邊框的寬度（單位：px）；border屬性會為每個單元格添加邊框，并用邊框圍繞表格；如果 border 屬性的值發生改變，那么只有表格周圍邊框的尺寸會發生變化，表格內部的邊框則是1像素寬；建議使用border樣式屬性設置邊框，不要使用border標簽屬性設置邊框，

2、width標簽屬性：設定表格的寬度，建議使用width樣式屬性設置表格寬度，不要使用width標簽屬性設置，該標簽屬性有多個值：

值

描述

pixels

設置以像素計的寬度（例子：width="50"）。

%

設置以包含元素的百分比計的寬度（例子：width="50%"）。

3、align標簽屬性：指定表格相對于周圍標簽的對齊方式，建議使用float樣式屬性實現該效果，該標簽屬性有多個值：

值

描述

left

左對齊表格。

right

右對齊表格。

center

居中對齊表格。

4、bgcolor標簽屬性：指定表格背景顏色，建議使用background-color樣式屬性實現該效果，該標簽屬性有多個值：

值

描述

color_name

規定顏色值為顏色名稱的背景顏色（比如 "red"）。

hex_number

規定顏色值為十六進制值的背景顏色（比如 "#ff0000"）。

rgb_number

規定顏色值為 rgb 代碼的背景顏色（比如 "rgb(255,0,0)"）。

5、cellpadding標簽屬性：設定單元格邊界與單元格內容之間的間距（單位：px），建議使用padding樣式屬性實現對其效果

6、cellspacing標簽屬性：指定單元格之間的間距（單位：px）

以上列出了table標簽常用的標簽屬性，除此之外table標簽還有frame、rules和summary三個標簽屬性，但因為frame和rules在Internet Explorer瀏覽器中不支持此屬性，而summary標簽屬性不會再瀏覽器中產生任何視覺效果，所以這三個標簽屬性忽略不講。

tr標簽屬性

1、align標簽屬性：設置表格行中單元格內容的水平對齊方式，該標簽屬性有多個值：

left

左對齊內容（默認值）。

right

右對齊內容。

center

居中對齊內容。

justify

對行進行伸展，這樣每行都可以有相等的長度（就像在報紙和雜志中）。

char

將內容對準指定字符。注：瀏覽器不支持該標簽屬性值

2、bgcolor標簽屬性：設定表格行的背景顏色，建議使用background-color樣式屬性實現該效果，該標簽屬性有多個值：

值

描述

color_name

規定顏色值為顏色名稱的背景顏色（比如 "red"）。

hex_number

規定顏色值為十六進制值的背景顏色（比如 "#ff0000"）。

rgb_number

規定顏色值為 rgb 代碼的背景顏色（比如 "rgb(255,0,0)"）。

3、valign標簽屬性：設置表格行中單元格內容的垂直對齊方式，該標簽屬性有多個值：

值

描述

top

對內容進行上對齊。

middle

對內容進行居中對齊（默認值）。

bottom

對內容進行下對齊。

baseline

與基線對齊。

th和td標簽屬性

1、align標簽屬性：設置單元格內容的水平對齊方式，該標簽屬性有多個值：

值

描述

left

左對齊內容（td標簽默認值）。

right

右對齊內容。

center

居中對齊內容（th標簽默認值）。

justify

對行進行伸展，這樣每行都可以有相等的長度（就像在報紙和雜志中）。

char

將內容對準指定字符。注：瀏覽器不支持該標簽屬性值

2、bgcolor標簽屬性：設定單元格背景顏色，建議使用background-color樣式屬性實現該效果，該標簽屬性有多個值：

值

描述

color_name

規定顏色值為顏色名稱的背景顏色（比如 "red"）。

hex_number

規定顏色值為十六進制值的背景顏色（比如 "#ff0000"）。

rgb_number

規定顏色值為 rgb 代碼的背景顏色（比如 "rgb(255,0,0)"）。

3、valign標簽屬性：設置單元格內容的垂直對齊方式，該標簽屬性有多個值：

top

對內容進行上對齊。

middle

對內容進行居中對齊（默認值）。

bottom

對內容進行下對齊。

baseline

與基線對齊。

4、width標簽屬性與height標簽屬性：設定單元格的寬度和高度，建議使用width樣式屬性和height樣式屬性設置單元格寬度和高度，不要使用width標簽屬性和height標簽屬性設置，該標簽屬性有多個值：

值

描述

pixels

以像素計的寬度或高度值（比如 "100px"）。

percent

以包含元素百分比計的寬度或高度值（比如 "20%"）。

5、nowrap標簽屬性：設定單元格的內容是否換行

6、colspan標簽屬性和rowspan標簽屬性：分別設定單元格橫跨的列數和橫跨的行數

相關推薦：

html small標簽是什么意思？small標簽的使用方法實例

HTML font標簽的color屬性是什么？fontcolor的用法介紹（附顏色代碼表）

以上就是什么是table表格？html中table表格的介紹的詳細內容，更多請關注風君子博客其它相關文章！

總結

以上是生活随笔為你收集整理的什么是table表格？html中table表格的介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

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