[TOC] >[info]表格由 `<table>` 標簽來定義。每個表格均有若干行（由` <tr>` 標簽定義），每行被分割為若干單元格（由 `<td>` 標簽定義）。字母` <td>` 指表格數據（table data），即數據單元格的內容。數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。 ~~~ <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> ~~~ **效果如下：** <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> ## 跨行或跨列的表格單元格 ### 跨列 ~~~ <table border="1"> <tr> <th>姓名</th> <th colspan="2">電話</th> </tr> <tr> <td>Bill Gates</td> <td>555 77 854</td> <td>555 77 855</td> </tr> </table> ~~~ **效果如下：** <table border="1"> <tr> <th>姓名</th> <th colspan="2">電話</th> </tr> <tr> <td>Bill Gates</td> <td>555 77 854</td> <td>555 77 855</td> </tr> </table> **例子解釋** 屬性`colspan`橫跨的列數 （合并列）。 ### 跨行 ~~~ <table border="1"> <tr> <td>姓名</td> <td>Bill Gates</td> </tr> <tr> <td rowspan="2">電話</td> <td>555 77 854</td> </tr> <tr> <td>555 77 855</td> </tr> </table> ~~~ **效果如下：** <table border="1"> <tr> <td>姓名</td> <td>Bill Gates</td> </tr> <tr> <td rowspan="2">電話</td> <td>555 77 854</td> </tr> <tr> <td>555 77 855</td> </tr> </table> **例子解釋** 屬性`rowspan`橫跨的行數 ## 表格中的空單元格 >[info] 在一些瀏覽器中，沒有內容的表格單元顯示得不太好。如果某個單元格是空的（沒有內容），瀏覽器可能無法顯示出這個單元格的邊框。為了避免這種情況，在空單元格中添加一個空格占位符，就可以將邊框顯示出來。 * * * * * >[danger]**綜合運用**：把所講的全部知識過一下，通過以上學習內容，運用表格標簽和表單標簽，布出下面簡歷。