<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>古诗</title>
</head>
<body>
<!--div是区域标签,将某一部分划分为一个区域,id是名字属性,align是对齐属性-->
<div id="content" align="center">
<p>静夜思|李白|思家</p>
<hr />
<img src="images/1.png" alt="出错啦" height="200" width="200" />
<h1>静夜思</h1>
<p>床前明月光</p>
<p>疑似地上霜</p>
<p>举头望明月</p>
<p>低头思故乡</p>
<hr />
<a href="列表与表格ul-ol-table.html">去列表与表格那里逛逛啦</a>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>web前端开发</title>
</head>
<body>
<!-- 无序列表ul与有序列表ol -->
<ul>
<li>HTML</li>
<li>CSS</li>
<li>Javascript</li>
</ul>
<hr />
<ol>
<li>HTML</li>
<li>CSS</li>
<li>Javascript</li>
</ol>
<hr />
<!-- 表格table,先写行tr,再写列td或者表头th -->
<table border="10">
<tr>
<th>班级</th>
<th>人数</th>
</tr>
<tr>
<td>一班</td>
<td>30</td>
</tr>
<tr>
<td>二班</td>
<td>10</td>
</tr>
</table>
</body>
</html>