web期末作业设计网页面包
时间: 2024-01-05 08:21:27 浏览: 65
以下是一个简单的网页设计示例,包含一个主页面和四个子页面:
主页面(index.html):
```html
<!DOCTYPE html>
<html>
<head>
<title>网页期末作业</title>
</head>
<body>
<h1>欢迎来到网页期末作业</h1>
<ul>
<li><a href="page1.html">页面1</a></li>
<li><a href="page2.html">页面2</a></li>
<li><a href="page3.html">页面3</a></li>
<li><a href="page4.html">页面4</a></li>
</ul>
</body>
</html>
```
子页面1(page1.html):
```html
<!DOCTYPE html>
<html>
<head>
<title>页面1</title>
</head>
<body>
<h1>这是页面1</h1>
<p>这是页面1的内容。</p>
<a href="index.html">返回主页面</a>
</body>
</html>
```
子页面2(page2.html):
```html
<!DOCTYPE html>
<html>
<head>
<title>页面2</title>
</head>
<body>
<h1>这是页面2</h1>
<p>这是页面2的内容。</p>
<a href="index.html">返回主页面</a>
</body>
</html>
```
子页面3(page3.html):
```html
<!DOCTYPE html>
<html>
<head>
<title>页面3</title>
</head>
<body>
<h1>这是页面3</h1>
<p>这是页面3的内容。</p>
<a href="index.html">返回主页面</a>
</body>
</html>
```
子页面4(page4.html):
```html
<!DOCTYPE html>
<html>
<head>
<title>页面4</title>
</head>
<body>
<h1>这是页面4</h1>
<p>这是页面4的内容。</p>
<a href="index.html">返回主页面</a>
</body>
</html>
```
你可以根据需要修改每个页面的内容和样式,然后将它们保存为相应的文件(例如index.html、page1.html等),并将它们放在同一个文件夹中。通过点击链接,你可以在主页面和子页面之间进行导航。