网站主页面html源代码
时间: 2023-08-09 13:05:21 浏览: 41
以下是一个简单的网站主页 HTML 源代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>网站主页</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</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>我们提供优质的服务,满足客户需求。</p>
<button>了解更多</button>
</section>
<section>
<h2>我们的产品</h2>
<p>我们生产高品质的产品,满足客户需求。</p>
<button>了解更多</button>
</section>
</main>
<footer>
<p>©2021 网站名称</p>
</footer>
</body>
</html>
```
说明:
- `<!DOCTYPE html>` 声明了文档类型为 HTML5。
- `<html>` 标签是 HTML 文档的根元素。
- `<head>` 标签包含了文档的元数据,如标题、字符集、视口等。
- `<title>` 标签定义了文档的标题,显示在浏览器的标签页上。
- `<meta>` 标签提供了元数据,如字符集和视口等。
- `<link>` 标签用于引入外部样式表。
- `<body>` 标签包含了文档的主体内容。
- `<header>` 标签表示网页的头部,通常包含网站的标志、导航等。
- `<nav>` 标签表示导航菜单。
- `<ul>` 和 `<li>` 标签用于创建无序列表。
- `<main>` 标签表示网页的主要内容。
- `<section>` 标签表示文档中的一个节或区域。
- `<h2>` 标签表示标题。
- `<p>` 标签表示段落。
- `<button>` 标签表示按钮。
- `<footer>` 标签表示网页的页脚,通常包含版权信息、联系方式等。