html网页制作代码大全
时间: 2023-08-24 08:06:12 浏览: 59
以下是一个简单的 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="#">链接1</a></li>
<li><a href="#">链接2</a></li>
<li><a href="#">链接3</a></li>
</ul>
</nav>
</header>
<main>
<h2>主要内容标题</h2>
<p>这是一段主要内容</p>
</main>
<footer>
<p>版权信息</p>
</footer>
</body>
</html>
```
这个示例包括以下 HTML 元素:
- `<!DOCTYPE html>`:文档类型声明。
- `<html>`:HTML 根元素。
- `<head>`:文档头部,包括页面标题、字符集和样式表链接等信息。
- `<title>`:页面标题。
- `<meta>`:元数据,用于描述文档的信息,如字符集和视口。
- `<link>`:外部样式表链接。
- `<body>`:文档主体。
- `<header>`:页面头部,包括网站标题和导航菜单等信息。
- `<nav>`:导航菜单。
- `<ul>`:无序列表。
- `<li>`:列表项。
- `<a>`:超链接。
- `<main>`:主要内容。
- `<h2>`:主要内容标题。
- `<p>`:段落。
- `<footer>`:页面底部,包括版权信息等。