HTML 表格標簽

格語法:

注意：顏色使用格式有三種：rgb(x,x,x) #xxxxxx colorname

<table width=""></table>指定表格的寬度大小(使用數(shù)字pixel或%)

<table border=""></table>設(shè)定表格邊框大小(使用數(shù)字pixel)

<table align=""></table>表格位置,置左,為默認值

align屬性:left(左對齊表格，默認值)、right(右對齊表格)、center(居中對齊表格)

<table bgcolor=""></table>設(shè)定表格的背景顏色

<table cellpadding=""></table>指定內(nèi)容與網(wǎng)格線之間的間距(使用數(shù)字pixel或%)

<table cellspacing=""></table>指定網(wǎng)格線與網(wǎng)格線之間的距離(使用數(shù)字pixel或%)

通常表格, 這兩個參數(shù)都設(shè)置為 0 。

<table rules="rows"></table>規(guī)定內(nèi)側(cè)邊框的哪個部分是可見的。(兼容性差)

rules屬性:none 沒有線條。

groups 位于行組和列組之間的線條。

rows 位于行之間的線條。

cols 位于列之間的線條。

all 位于行和列之間的線條。

定義了表格內(nèi)容的摘要：

表格結(jié)構(gòu)：

在使用表格進行布局時, 可以將表格劃分為頭部、主體和頁腳, 具體如下所示：

<thead></thead>：用于定義表格的頭部, 必須位于<table></table>標記中, 一般包含網(wǎng)頁的logo和導(dǎo)航等頭部信息。

<tfoot></tfoot>：用于定義表格的頁腳, 位于<table></table>標記中<thead></thead>標記之后, 一般包含網(wǎng)頁底部的企業(yè)信息等。

<tbody></tbody>：用于定義表格的主體, 位于<table></table>標記中<tfoot></tfoot>標記之后, 一般包含網(wǎng)頁中除頭部和底部之外的其他內(nèi)容。

注意：在沒有<tbody></tbody>比較的情況下, 瀏覽器會自動添加<tbody></tbody>標記。

<table bordercolor=""></table>設(shè)定表格邊框的顏色

<table cols=""></table>指定表格的欄數(shù)

<table height=""></table>指定表格的高度大小(使用數(shù)字)

<table background=""></table>背景圖片的URL=就是路徑網(wǎng)址(默認是repeat：水平和垂直方向重復(fù))

<table bordercolordark=""></table>設(shè)定表格暗邊框的顏色

<table bordercolorlight=""></table>設(shè)定表格亮邊框的顏色

<tr align=""></tr> 定義表格行的內(nèi)容對齊方式。

align屬性值:right、left、center、justify、char

<tr bgcolor=""></tr> 規(guī)定表格行的背景顏色。

<tr valign=""></tr> 規(guī)定表格行中內(nèi)容的垂直對齊方式。

valign屬性值right、left、center、justify、char

<td colspan=""></td>指定儲存格合并欄的欄數(shù)(使用數(shù)字)

<td rowspan=""></td>指定儲存格合并列的列數(shù)(使用數(shù)字)

<td align=""></td> 調(diào)整表格字段之左右對齊

<td bgcolor=""></td> 設(shè)定表格字段之背景顏色

<td colspan="" rowspan=""></td> 表格字段的合并

<td valign=""></td> 調(diào)整表格字段之上下對齊

<td width=""></td> 調(diào)整表格字段寬度

<td nowrap="nowrap"></td> 規(guī)定表格單元格中的內(nèi)容不換行(注意只有一個值:nowrap)

<caption></caption>為表格加上標題

<caption align="">設(shè)定表格標題位置

align屬性:left, center(默認值), right

<th></th> 定義表頭(粗體居中)

細表格邊框

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="158" height="68">
<tr>
<td width="158" height="68"></td>
</tr>
</table>

表格創(chuàng)建后瀏覽器會自動添加<tbody>標簽

SS 表格屬性可以幫助您極大地改善表格的外觀。

表格邊框

指定CSS表格邊框，使用border屬性。

下面的例子指定了一個表格的Th和TD元素的紅色邊框：

table,th,td｛border: 1px solid red;}

（1）編輯代碼

打開記事本，在<body>標簽中加入以下代碼，并保存為HTML格式文件。代碼如下。

（2)在瀏覽器中瀏覽效果

在瀏覽器中瀏覽效果如圖所示。

請注意，上例中的表格具有雙線條邊框。這是由于 table、th 以及 td 元素都有獨立的邊框。

如果需要把表格顯示為單線條邊框，請使用 border-collapse 屬性。

折疊邊框

border-collapse 屬性設(shè)置表格的邊框是否被折疊成一個單一的邊框或隔開：

table{border-collapse: collapse;}

table,td,th{border: 1px solid red;}

（1）編輯代碼

打開記事本，在<body>標簽中加入以下代碼，并保存為HTML格式文件。代碼如下。

（2)在瀏覽器中瀏覽效果

在瀏覽器中瀏覽效果如圖所示。

Table 屬性

在線咨詢

上一篇：提升你的 Vim 技能的 5 個方法 - Linux 中國
下一篇：HTML 框架

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

HTML 表格標簽

表格邊框

折疊邊框

Table 屬性

您的項目需求