0A2E0887-344B-4D4E-B087-FD8951147BC9.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="">
<style>
table {
border-collapse: collapse;
/*border-spacing: 20px;*/
}
td {
border: 1px solid red;
}
img {
width: 100px;
width: 100px;
}
/*伪类*/
td:hover {
background-color: #1c8de0;
}
</style>
</head>
<body>
<h1>标题</h1>
<p>段落 字符实体 <</p>
<!--无序列表-->
<ul>
<li>春</li>
<li>夏</li>
<li>秋</li>
<li>冬</li>
</ul>
<!--有序列表-->
<ol>
<li>春</li>
<li>夏</li>
<li>秋</li>
<li>冬</li>
</ol>
<!-- 整齐的表格-->
<table>
<tr>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<td>表格</td>
</tr>
<tr>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<td rowspan="2">表格</td>
</tr>
<tr>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<td>表格</td>
</tr>
<tr>
<td colspan="5">a</td>
</tr>
</table>
<a href="http://www.baidu.com" target="_blank">百度</a>
</body>
</html>
