HTML 模板示例代码
时间: 2024-06-30 07:00:38 浏览: 115
HTML模板通常用于创建网页的基本结构和样式布局,这里是一个简单的HTML模板示例代码:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>简单HTML模板</title>
<style>
/* 这里可以添加基本的CSS样式 */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f0f0f0;
}
</style>
</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 id="content">
<p>这是主要内容...</p>
</section>
</main>
<footer>
© 2023 My Website. All rights reserved.
</footer>
</body>
</html>
```
这个模板包括了基本的HTML元素,如`<!DOCTYPE html>`声明文档类型,`<html>`标签定义HTML文档,`<head>`部分包含元数据和样式,`<body>`则包含了主要内容结构,包括头部<header>、主体<main>和页脚<footer>。