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