|
<!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>
<header>
<h1>我的网页</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于</a></li>
<li><a href="#">联系咱们</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>欢迎来到我的网页</h2>
<p>这是一个简单的 HTML5 网页设计。</p>
<img src="https://picsum.photos/200" alt="随机照片">
</section>
<section>
<h2>咱们的服务</h2>
<ul>
<li>服务项目 1</li>
<li>服务项目 2</li>
<li>服务项目 3</li>
</ul>
</section>
</main>
<footer>
<p>© 2023 我的网页</p>
</footer>
</body>
</html>
这个 HTML 参考代码包含以下标准 HTML 特性： <!DOCTYPE html>：HTML5 的文档类型声明，指定文档运用 HTML5 标准。<html>：HTML 文档的根元素。<head>：包括文档的元数据，如字符集、视口和标题等。<meta>：用于指定文档的元数据，如字符集和视口等。<title>：定义文档的标题，将表示在浏览器标签页上。<header>：定义文档的头部，包含网站的标题和导航栏。<nav>：定义导航栏。<ul> 和 <li>：定义无序列表和列表项。<main>：定义文档的重点内容区域。<section>：定义文档的区域。<h1> 到 <h6>：定义标题级别，h1 为最高级别。<p>：定义段落。<img>：定义图像。<footer>：定义文档的底部，包含版权和其他信息。
| 
发表于 2024-7-27 22:27:21