例
一個簡單的 HTML 表格,帶有兩個單元格:
<table border="1">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
瀏覽器支持
所有主流瀏覽器都支持 <td> 標簽。
標簽定義及使用說明
<td> 標簽定義 HTML 表格中的標準單元格。
HTML 表格有兩種單元格類型:
表頭單元格 - 包含頭部信息(由 <th> 元素創(chuàng)建)
標準單元格 - 包含數(shù)據(jù)(由 <td> 元素創(chuàng)建)
<th> 元素中的文本通常呈現(xiàn)為粗體并且居中。
<td> 元素中的文本通常是普通的左對齊文本。
提示和注釋
提示:如果需要將內(nèi)容橫跨多個行或列,請使用 colspan 和 rowspan 屬性!
HTML 4.01 與 HTML5之間的差異
HTML 5 中不再支持 HTML 4.01 中的某些屬性。
屬性
屬性 | 值 | 描述 |
---|---|---|
abbr | text | HTML5 不支持。規(guī)定單元格中內(nèi)容的縮寫版本。 |
align | leftrightcenterjustifychar | HTML5 不支持。規(guī)定單元格內(nèi)容的水平對齊方式。 |
axis | category_name | HTML5 不支持。對單元格進行分類。 |
bgcolor | rgb(x,x,x)#xxxxxxcolorname | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定單元格的背景顏色。 |
char | character | HTML5 不支持。規(guī)定根據(jù)哪個字符來進行內(nèi)容的對齊。 |
charoff | number | HTML5 不支持。規(guī)定對齊字符的偏移量。 |
colspan | number | 規(guī)定單元格可橫跨的列數(shù)。 |
headers | header_id | 規(guī)定與單元格相關聯(lián)的一個或多個表頭單元格。 |
height | pixels% | HTML5 不支持。HTML 4.01 已廢棄。 設置單元格的高度。 |
nowrap | nowrap | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定單元格中的內(nèi)容是否折行。 |
rowspan | number | 設置單元格可橫跨的行數(shù)。 |
scope | colcolgrouprowrowgroup | HTML5 不支持。定義將表頭單元格與數(shù)據(jù)單元格相關聯(lián)的方法。 |
valign | topmiddlebottombaseline | HTML5 不支持。規(guī)定單元格內(nèi)容的垂直排列方式。 |
width | pixels% | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定單元格的寬度。 |
全局屬性
<td> 標簽支持 HTML 的全局屬性。
事件屬性
<td> 標簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
例
一個 HTML 文本區(qū)域:
<textarea rows="10" cols="30">
我是一個文本框。
</textarea>
瀏覽器支持
所有主流瀏覽器都支持 <textarea> 標簽。
標簽定義及使用說明
<textarea> 標簽定義一個多行的文本輸入控件。
文本區(qū)域中可容納無限數(shù)量的文本,其中的文本的默認字體是等寬字體(通常是 Courier)。
可以通過 cols 和 rows 屬性來規(guī)定 textarea 的尺寸大小,不過更好的辦法是使用 CSS 的 height 和 width 屬性。
HTML 4.01 與 HTML5之間的差異
HTML5 增加了一些新的屬性。
屬性
New:HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
autofocusNew | autofocus | 規(guī)定當頁面加載時,文本區(qū)域自動獲得焦點。 |
cols | number | 規(guī)定文本區(qū)域內(nèi)可見的列數(shù)。 |
disabled | disabled | 規(guī)定禁用文本區(qū)域。 |
formNew | form_id | 定義文本區(qū)域所屬的一個或多個表單。 |
maxlengthNew | number | 規(guī)定文本區(qū)域允許的最大字符數(shù)。 |
name | text | 規(guī)定文本區(qū)域的名稱。 |
placeholderNew | text | 規(guī)定一個簡短的提示,描述文本區(qū)域期望的輸入值。 |
readonly | readonly | 規(guī)定文本區(qū)域為只讀。 |
requiredNew | required | 規(guī)定文本區(qū)域是必需的/必填的。 |
rows | number | 規(guī)定文本區(qū)域內(nèi)可見的行數(shù)。 |
wrapNew | hardsoft | 規(guī)定當提交表單時,文本區(qū)域中的文本應該怎樣換行。 |
全局屬性
<textarea> 標簽支持 HTML 的全局屬性。
事件屬性
<textarea> 標簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
格語法:
注意:顏色使用格式有三種:rgb(x,x,x) #xxxxxx colorname
<table width=""></table>指定表格的寬度大小(使用數(shù)字pixel或%)
<table border=""></table>設定表格邊框大小(使用數(shù)字pixel)
<table align=""></table>表格位置,置左,為默認值
align屬性:left(左對齊表格,默認值)、right(右對齊表格)、center(居中對齊表格)
<table bgcolor=""></table>設定表格的背景顏色
<table cellpadding=""></table>指定內(nèi)容與網(wǎng)格線之間的間距(使用數(shù)字pixel或%)
<table cellspacing=""></table>指定網(wǎng)格線與網(wǎng)格線之間的距離(使用數(shù)字pixel或%)
<table border="1" cellspacing="0" cellpadding="0">
通常表格, 這兩個參數(shù)都設置為 0 。
<table rules="rows"></table>規(guī)定內(nèi)側(cè)邊框的哪個部分是可見的。(兼容性差)
rules屬性:none 沒有線條。
groups 位于行組和列組之間的線條。
rows 位于行之間的線條。
cols 位于列之間的線條。
all 位于行和列之間的線條。
<table summary="Monthly savings for the Flintstones family"></table>
定義了表格內(nèi)容的摘要:
表格結構:
在使用表格進行布局時, 可以將表格劃分為頭部、主體和頁腳, 具體如下所示:
<thead></thead>:用于定義表格的頭部, 必須位于<table></table>標記中, 一般包含網(wǎng)頁的logo和導航等頭部信息。
<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>設定表格邊框的顏色
<table cols=""></table>指定表格的欄數(shù)
<table height=""></table>指定表格的高度大小(使用數(shù)字)
<table background=""></table>背景圖片的URL=就是路徑網(wǎng)址(默認是repeat:水平和垂直方向重復)
<table bordercolordark=""></table>設定表格暗邊框的顏色
<table bordercolorlight=""></table>設定表格亮邊框的顏色
<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> 設定表格字段之背景顏色
<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="">設定表格標題位置
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>標簽
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。