效果图：
代码：
<!DOCTYPE html>
<html lang="en">
<head><!--头部信息！-->
<meta charset="UTF-8">
<title>try back</title>
</head>
<body bgcolor="#708090" onclick="alert('bye')">
<img src="123.png" width="50" height="50" border="11"/>
<!--列表-->
<ul type="none">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<ol><li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ol>
<!--表格
tr 行标签
th 头标签
td 单元格标签
align 设置单元格对齐方式
cellspacing 单元格间距！
-->
<table border="10" width="200" height="200" align="center" cellspacing="12">
<tr>
<td align="center"><b>11</b></td>
<td align="center"><b>22</b></td>
<th>33</th>
</tr>
<tr>
<td>11</td>
<td>22</td>
<td>33</td>
</tr>
<tr>
<td>11</td>
<td>22</td>
<td>33</td>
</tr>
</table><br>
<table border="3" width="400" height="400" align="center">
<tr>
<td colspan="3">0</td>
<td>2</td>
<!-- <td>3</td>-->
<!-- <td>4</td>-->
<!-- <td>5</td>-->
</tr>
<tr>
<td rowspan="2">0</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<!-- <td>0</td>-->
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td colspan="2" rowspan="2">0</td>
<td>2</td>
<td>3</td>
<!-- <td>4</td>-->
<td>5</td>
</tr>
<tr>
<td>0</td>
<td>2</td>
<!-- <td>3</td>-->
<td>4</td>
<!-- <td>5</td>-->
</tr>
</table>
</body>
</html>
