以下是一个简单的HTML模板:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
<link rel="stylesheet" href="style.css"> <!-- 引入外部样式表 -->
<script src="script.js"></script> <!-- 引入外部脚本 -->
</head>
<body>
<header>
<h1>网页标题</h1>
</header>
<nav>
<ul>
<li><a href="#">链接1</a></li>
<li><a href="#">链接2</a></li>
<li><a href="#">链接3</a></li>
</ul>
</nav>
<section>
<h2>内容标题</h2>
<p>内容段落</p>
</section>
<footer>
<p>版权信息</p>
</footer>
</body>
</html>
在这个模板中,<!DOCTYPE html>
声明了文档的类型为HTML。<html>
标签是HTML文档的根元素。<head>
标签包含了文档的元数据,比如标题和样式表。<body>
标签包含了页面的实际内容,比如标题、导航、内容和页脚。
在<header>
标签中,使用了<h1>
标签来定义页面的主标题。在<nav>
标签中,使用了<ul>
和<li>
标签来创建一个简单的导航菜单。在<section>
标签中,使用了<h2>
和<p>
标签来组织内容。最后,在<footer>
标签中,使用了<p>
标签来显示版权信息。
注意,上述代码中的style.css
和script.js
是外部样式表和脚本的文件路径。您可以根据自己的需求将它们替换为实际的文件路径。