美文网首页
HTML总述--第十讲 html表格

HTML总述--第十讲 html表格

作者: bfx1000 | 来源:发表于2018-05-10 15:31 被阅读0次
行：<tr> 列：<td> 表头：<th>

合并单元格

colspan 列合并 rowspan 行合并

实例：

<!DOCTYPE html>
<html>
<head>
    <title>html表格</title>
</head>
<body>
<table border="1">
<tr><th>1</th><th>2</th><th>3</th><th>4</th></tr>
<tr>
  <td colspan="2">1-1</td>
  <td>1-3</td>
  <td>1-4</td>
</tr>
<tr>
  <td>2-1</td>
  <td>2-2</td>
  <td>2-3</td>
  <td>2-4</td>
</tr>
<tr>
  <td colspan="3"  >3-1</td>
  
  <td rowspan="2">3-4-4</td>
</tr>
<tr> 
  <td>4-1</td>
  <td>4-2</td>
  <td>4-3</td>
  
</tr>
</table>
</body>
</html>

相关文章