表格由 <table> 標簽來定義。每個表格均有若干行（由 <tr> 標簽定義），每行被分割為若干單元格（由 <td> 標簽定義）。字母 td 指表格數據（table data），即數據單元格的內容。數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。

代碼如下：

<table border="1"><tr><td>row1,cell1</td><td>row1,cell2</td></tr><tr><td>row2,cell1</td><td>row2,cell2</td></tr> </table>

1.表格標簽：

<caption>	定義表格標題 ? ? ? ??
<col>	為表格的列定義屬性
<colgroup>	定義表格的列的分組
<table>	定義表格
<td>	定義一個單元格
<tfoot>	定義表格的標注（底部）
<th>	定義表格的表頭
<tbody	定義表格主體
<thead>	定義表格的表頭
<tr>	定義表格的行

<table><caption>這里是標題</caption><colgrounp span="1" style="background:#DEDEDE;"/>/*這里控制第一列*/<colgrounp span="2" style="background:#EFEFEF;"/>/*這里控制第二列*/<!-- Table Header--><thead><tr><th>head1</th><th>head2</th><th>head3</th></tr></thead><!--Table Footer--><tfoot><tr><td>foot1</td><td>foot1</td><td>foot1</td></tr></tfoot><!--Table Body--><tbody><tr><td>a</td><td>a</td><td>a</td></tr><tr><td>a</td><td>a</td><td>a</td></tr></tbody></table>

（注意：通常很少使用<thead>，<tbody>，<tfoot>標簽，因為瀏覽器對它們的支持不好。）

2.表格屬性：

border	此屬性定義表格的邊框
cellspacing	單元格間距
cellpadding	邊框與內容之間的空白
width	表格的寬度
height	表格的高度
bgcolor	表格的背景色
background	表格的背景圖
bordercolor	表格的邊框顏色
bordercolorlight	亮邊框顏色，border值不為零設置此值有效
bordercolordark	暗邊框顏色，border值不為零設置此值有效
align	表格的對齊方式，值有left，center，right
valign	表格的垂直對齊方式，值有top（頂部對其） middle（居中，默認）、bottom（底部對齊）
colspan（在<td>寫）	合并列單元格，值為要合并的列數
rowspan（在<td>寫）	合并方單元格，值為要合并的列數

合并單元格代碼如下：

<!--跨兩列的表格--> <table border="1"><tr><td>姓名</td><td colspan="2">電話</td></tr><tr><td>木木</td><td>520</td><td>748</td></tr> </table><!--跨兩行的表格--> <table border="1"><tr><td>姓名</td><td>木木</td></tr><tr><td rowspan="2">電話</td><td>520</td></tr><tr><td>748</td></tr>

?

（未完待續...）

?

轉載于:https://www.cnblogs.com/lzh739887959/p/5740177.html

總結

以上是生活随笔為你收集整理的HTML表格的运用的全部內容，希望文章能夠幫你解決所遇到的問題。

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