Html Table 合并单元格
🌙
手机阅读
本文目录结构
html 合并单元格
基本表格
<table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5">
<tr>
<td>1.1</td>
<td>1.2</td>
<td>1.3</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
<td>2.3</td>
</tr>
<tr>
<td>3.1</td>
<td>3.2</td>
<td>3.3</td>
</tr>
</table>
| 1.1 | 1.2 | 1.3 |
| 2.1 | 2.2 | 2.3 |
| 3.1 | 3.2 | 3.3 |
表格合并列
<table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5">
<tr>
<td colspan="3" >1.1</td>
<!--<td>1.2</td>-->
<!--<td>1.3</td>-->
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
<td>2.3</td>
</tr>
<tr>
<td>3.1</td>
<td>3.2</td>
<td>3.3</td>
</tr>
</table>
| 1.1 | ||
| 2.1 | 2.2 | 2.3 |
| 3.1 | 3.2 | 3.3 |
表格合并行
<table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5">
<tr>
<td rowspan="3">1.1</td>
<td>1.2</td>
<td>1.3</td>
</tr>
<tr>
<!--<td>2.1</td>-->
<td>2.2</td>
<td>2.3</td>
</tr>
<tr>
<!--<td>3.1</td>-->
<td>3.2</td>
<td>3.3</td>
</tr>
</table>
| 1.1 | 1.2 | 1.3 |
| 2.2 | 2.3 | |
| 3.2 | 3.3 |
复杂表格
<table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5">
<tr>
<td >1.1</td>
<td colspan="2">1.2</td>
<!--<td>1.3</td>-->
</tr>
<tr>
<td >2.1</td>
<td rowspan="2">
2.2
3.2
</td>
<td>2.3</td>
</tr>
<tr>
<td>3.1</td>
<!--<td>3.2</td>-->
<td>3.3</td>
</tr>
</table>
| 1.1 | 1.2 | |
| 2.1 | 2.2 3.2 | 2.3 |
| 3.1 | 3.3 | |
更多 HTML 搜索
通过查看前端开发者在搜索引擎里的搜了哪些 HTML 内容，可以知道他们实际工作使用了什么技术或者什么地方薄弱；
你可以通过点击 HTML 常见搜索 来查看前端开发者都在搜哪些内容；
注：这里仅收录了常见搜索，并不是无论搜索什么都记录在里面的；
如果你是为了面试做准备的，那么推荐你查看 HTML面试题，这里基本包涵了市场上的所有 HTML 方面的面试题，让你更加牢固的掌握 HTML 知识
