给我三个能相互跳转的html网页
时间: 2024-03-15 18:44:34 浏览: 11
当我们说“相互跳转”的时候,通常是指我们可以通过链接在不同的 HTML 页面之间进行跳转。下面是三个可以相互跳转的 HTML 页面的示例:
1. index.html
```html
<!DOCTYPE html>
<html>
<head>
<title>首页</title>
</head>
<body>
<h1>欢迎来到我的网站!</h1>
<p>请访问以下页面:</p>
<ul>
<li><a href="about.html">关于我们</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</body>
</html>
```
2. about.html
```html
<!DOCTYPE html>
<html>
<head>
<title>关于我们</title>
</head>
<body>
<h1>关于我们</h1>
<p>我们是一家专业的网站开发公司,致力于为客户提供最优质的服务。</p>
<p>请访问以下页面:</p>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</body>
</html>
```
3. contact.html
```html
<!DOCTYPE html>
<html>
<head>
<title>联系我们</title>
</head>
<body>
<h1>联系我们</h1>
<p>请填写以下表格与我们取得联系:</p>
<form action="submit.php" method="post">
<label>姓名:</label><input type="text" name="name"><br>
<label>邮箱:</label><input type="email" name="email"><br>
<label>留言:</label><textarea name="message"></textarea><br>
<input type="submit" value="提交">
</form>
<p>请访问以下页面:</p>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="about.html">关于我们</a></li>
</ul>
</body>
</html>
```
以上三个 HTML 页面之间可以通过超链接进行跳转。例如,从 index.html 页面跳转到 about.html 页面,只需要在 index.html 页面中添加一个超链接 `<a href="about.html">关于我们</a>` 即可。