学习-WEB前端快速入门-12.12.Table表格1.table表格2.合并单元格3.代码4.显示样式

1.table表格

1.1 table
1.2 tr: 行
1.3 td：单元格
1.4 th：表头

2.合并单元格

横向：colspan=value 一个tr里
纵向：rowspan=value 跨行的

3.代码

<table border="1" bgcolor="#fff8dc">
<tr>
    <th>表头1</th>
    <th>表头2</th>
    <th>表头3</th>
    <th>表头4</th>
    <th>表头5</th>
</tr>


<tr>
    <td>内容1</td>
    <td colspan="2" align="center">合并</td>
    <td>内容4</td>
    <td>内容5</td>
</tr>

<tr>
    <td>内容6</td>
    <td>内容7</td>
    <td>内容8</td>
    <td>内容9</td>
    <td rowspan="2">内容10</td>
</tr>

<tr>
    <td>内容11</td>
    <td>内容12</td>
    <td>内容13</td>
    <td>内容14</td>
</tr>
</table>