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>標(biāo)題</h1>
<p>段落 字符實(shí)體 <</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 target="_blank">百度</a>
</body>
</html>
