当涉及到 HTML 网页制作时,以下是一个简单的示例代码,展示了一个基本的 HTML 页面的结构:
html 复制代码
<!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>
<!-- 这里可以链接外部 CSS 样式表 -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- 头部区域 -->
<header>
<h1>欢迎来到我的网页</h1>
<p>这是一个简单的 HTML 页面示例。</p>
</header>
<!-- 导航区域 -->
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
<!-- 主要内容区域 -->
<main>
<h2>主要内容标题</h2>
<p>这里是页面的主要内容部分。</p>
<p>你可以添加更多的段落、图片、列表等元素。</p>
</main>
<!-- 底部区域 -->
<footer>
<p>版权所有 © 2023</p>
</footer>
<!-- 这里可以链接外部 JavaScript 文件 -->
<script src="script.js"></script>
</body>
</html>