<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<tag class="header">页眉</tag>
<ul>
<li>首页</li>
<li>视频</li>
<li>音乐</li>
<li>文章</li>
</ul>
<hr />
<tag class="main">主体</tag>
<ol>
<li>文章1</li>
<li>文章2</li>
<li>文章3</li>
<li>文章4</li>
</ol>
<div class="box">
<img src="https://img.php.cn/teacher/course/20221214/5f54e2af7026f8398d3a5e8839f25ec8.png" alt="22期PHP学习" width="380">
<p class="title">22期PHP学习计划</p>
</div>
<div class="box">
<a href="https://img.php.cn/teacher/course/20221214/5f54e2af7026f8398d3a5e8839f25ec8.png" target="_blank">猪老师讲解</a>
</div>
<div class="box">
<figure>
<img src="https://img.php.cn/teacher/course/20221214/5f54e2af7026f8398d3a5e8839f25ec8.png" alt="22期中文网" height="40">
<figcaption>努力学习中</figcaption>
</figure>
</div>
<hr />
<tag class="footer">页脚</tag>
<dl>
<dt>关于我们</dt>
<dd>联系我们</dd>
<dd>关于公司</dd>
<dd>公司地址</dd>
</dl>
</body>
</html>