<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<ul type="square">
<li>春天</li>
<li>夏天</li>
<li>秋天</li>
<li>冬天</li>
</ul>
<ol type="A">
<li>聽到鬧鐘</li>
<li>關閉鬧鐘</li>
<li>再睡一會</li>
<li>心裏不安, 等待鬧鐘</li>
<li>睜開眼睛</li>
</ol>
<hr style="width: 500px; float:left;" color="red">
<br>
<table border="1" style="float:left;" cellspacing="20" cellpadding="50">
<tr>
<td colspan="2" align="center" rowspan="2" valign="bottom">第一行第一列</td>
<!-- <td>第一行第二列</td> -->
<td >第一行第三列</td>
</tr>
<tr>
<td>第二行第一列</td>
<!-- <td>第二行第二列</td> -->
<!-- <td>第二行第三列</td> -->
</tr>
<tr>
<td >第三行第一列</td>
<td>第三行第二列</td>
<td>第三行第三列</td>
</tr>
<tr>
<td>第四行第一列</td>
<td>第四行第二列</td>
<td>第四行第三列</td>
</tr>
</table>
<br>
<!--
列表:
無序列表:ul
有序列表: ol
type:列表中的項的默認樣式
table:表格
tr :行
td: 列
border :表格邊框樣式顯示
cellspacing : 單元格與單元格之間的間距設置
cellpadding : 單元格內部填充的大小設置
colspan:橫向合併單元格
rowspan:縱向合併單元格
align:水平對齊方式: center , left , right
valign:垂直對齊方式: top , middle, bottom
-->
</body>
</html>