<!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>
html基础表格和列表
猜你喜欢
转载自blog.csdn.net/qq_24432127/article/details/88831858
今日推荐
周排行