htlm多页面布局代码
时间: 2023-09-17 08:07:49 浏览: 70
HTML 多页面布局代码通常分为两个部分:头部和主体。
头部通常包含页面的标题、样式表和 JavaScript 文件。主体则包含页面的实际内容。
以下是一个简单的 HTML 多页面布局示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="script.js"></script>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<main>
<h1>Welcome to my website</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar dolor vitae justo ultrices, vel consequat mauris efficitur. Nullam faucibus turpis vitae mi molestie, vel blandit ipsum mollis. Phasellus bibendum urna sed dolor rutrum, id dapibus purus placerat. Donec sodales, ligula et lacinia auctor, risus mi imperdiet turpis, vel placerat ipsum tortor nec velit. Vestibulum sed eleifend sapien. Sed id purus nisl. Sed dictum, dui id aliquet viverra, augue sapien ultrices sapien, sed suscipit velit tellus vel nulla. Donec ac nunc mi. Suspendisse potenti.</p>
</main>
<footer>
<p>Copyright © 2021 My Website</p>
</footer>
</body>
</html>
```
在这个示例中,头部包含了一个页面标题、样式表和 JavaScript 文件。主体包含了一个标题和一个段落。页脚包含了版权信息。
注意,在多页面布局中,每个页面都应该有自己的 HTML 文件,并且页面之间应该使用链接进行导航。在这个示例中,我使用了一个导航菜单来链接到不同的页面。
阅读全文
相关推荐














