<!-- 页面格式 -->
<!DOCTYPE html>
<!-- 页面语言 -->
<html lang="en">
<!-- 头部元素 -->
<head>
<!-- 编码格式-->
<meta charset="UTF-8" />
<!-- 视口 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- 标题 -->
<title>Document</title>
</head>
<!-- 主体 -->
<body>
<!-- 导航 -->
<header>
<nav>
<a href="">首页</a>
<a href="">新闻</a>
<a href="">通知</a>
<a href="">关于我们</a>
</nav>
</header>
<!-- 内容 -->
<main style="height: 1000px;">
<h2 style="color: red;">PHP中文网</h2>
<aside>广告区</aside>
<article>
<!-- 有序列表元素 -->
<ol>
<li>新闻1</li>
<li>新闻2</li>
<li>新闻3</li>
<li>新闻4</li>
</ol>
</article>
<section>推荐</section>
</main>
<!-- 页脚 -->
<footer>
<nav>
<!-- 自定义列表 -->
<dl>
<dt>公司名称：</dt>
<dd><a href="www.php.cn">PHP中文网</a></dd>
<dt>电话：</dt>
<dd><a href="tel:1234556">014-45678</a></dd>
<dt>公司名称：</dt>
<dd><a href="mailto:123@163.com">123@163.com</a></dd>
</dl>
<!-- 锚点 -->
<a href="#">回到顶部</a>
</nav>
</footer>
</body>
</html>
页面结果：