<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML网页示例</title>
<!-- 上面的代码定义了文档类型、语言、字符编码、视口设置和网页标题 -->
</head>
<body>
<header>
<h1>欢迎来到我的网页</h1>
<!-- header标签用于定义页面或部分的页眉，h1标签用于显示最重要的标题 -->
</header>
<nav>
<ul>
<li><a href="#section1">部分1</a></li>
<li><a href="#section2">部分2</a></li>
<li><a href="#section3">部分3</a></li>
</ul>
<!-- nav标签用于定义导航链接部分，ul和li标签用于创建无序列表，a标签用于创建超链接 -->
</nav>
<section id="section1">
<h2>部分1</h2>
<p>这是第一个部分的内容。</p>
<!-- section标签用于定义文档中的一个部分，h2标签用于显示次重要的标题，p标签用于定义段落 -->
</section>
<section id="section2">
<h2>部分2</h2>
<p>这是第二个部分的内容。</p>
</section>
<section id="section3">
<h2>部分3</h2>
<p>这是第三个部分的内容。</p>
</section>
<footer>
<p>版权所有 © 2023</p>
<!-- footer标签用于定义页面或部分的页脚 -->
</footer>
</body>
</html>上一篇：html框架
下一篇：html5 canvas
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站