简单html静态网页代码模块
时间: 2023-09-04 07:12:02 浏览: 129
asp 由动态网页转变为静态网页的实现代码
以下是一个简单的 HTML 静态网页代码模板,包含了一个网页的基本架构,你可以根据自己的需要进行修改和补充。
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My Static Webpage</title>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<main>
<h1>Welcome to my Static Webpage</h1>
<p>This is a paragraph of text.</p>
<img src="image.jpg" alt="Image">
</main>
<footer>
<p>© 2021 My Website</p>
</footer>
</body>
</html>
```
在这个模板中,我们定义了一个包含导航栏、主要内容和页脚的基本网页框架。其中,`<header>`、`<main>` 和 `<footer>` 分别代表网页的头部、主要内容和页脚部分。在 `<nav>` 中,我们定义了一个包含 Home、About 和 Contact 三个链接的无序列表。在 `<main>` 中,我们定义了一个标题、一个段落和一张图片。在 `<footer>` 中,我们定义了版权信息。
阅读全文