用多个HTML搭建一个简易的课程网站,包括首页,教师简介,课程简介,课后练习,在首页可以跳转到教师简介,课程简介,在课程简介可以跳转到课后练习,给出具体代码
时间: 2023-12-02 10:02:07 浏览: 46
好的,以下是一个简易的课程网站的HTML代码示例,包括首页、教师简介、课程简介和课后练习页面:
主页(index.html):
```html
<!DOCTYPE html>
<html>
<head>
<title>课程网站</title>
</head>
<body>
<header>
<h1>欢迎来到课程网站</h1>
<nav>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="teacher.html">教师简介</a></li>
<li><a href="course.html">课程简介</a></li>
</ul>
</nav>
</header>
<main>
<h2>欢迎</h2>
<p>这是一个简单的课程网站,提供课程学习和课后练习。</p>
<p>请点击上面的链接选择您要了解的课程或教师简介。</p>
</main>
</body>
</html>
```
教师简介页面(teacher.html):
```html
<!DOCTYPE html>
<html>
<head>
<title>教师简介 - 课程网站</title>
</head>
<body>
<header>
<h1>教师简介</h1>
<nav>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="teacher.html">教师简介</a></li>
<li><a href="course.html">课程简介</a></li>
</ul>
</nav>
</header>
<main>
<h2>教师简介</h2>
<p>这是教师简介页面,介绍教师的背景和经历。</p>
<p>请点击上面的链接选择您要了解的课程或返回主页。</p>
</main>
</body>
</html>
```
课程简介页面(course.html):
```html
<!DOCTYPE html>
<html>
<head>
<title>课程简介 - 课程网站</title>
</head>
<body>
<header>
<h1>课程简介</h1>
<nav>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="teacher.html">教师简介</a></li>
<li><a href="course.html">课程简介</a></li>
</ul>
</nav>
</header>
<main>
<h2>课程简介</h2>
<p>这是课程简介页面,介绍课程的内容和重点。</p>
<p>请点击下面的链接进入课后练习或返回主页。</p>
<a href="exercise.html">课后练习</a>
</main>
</body>
</html>
```
课后练习页面(exercise.html):
```html
<!DOCTYPE html>
<html>
<head>
<title>课后练习 - 课程网站</title>
</head>
<body>
<header>
<h1>课后练习</h1>
<nav>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="teacher.html">教师简介</a></li>
<li><a href="course.html">课程简介</a></li>
</ul>
</nav>
</header>
<main>
<h2>课后练习</h2>
<p>这是课后练习页面,提供课程练习题和答案。</p>
<p>请点击上面的链接选择您要了解的课程或返回主页。</p>
</main>
</body>
</html>
```
请注意,以上代码只是示例,你可以根据你的需要进行修改和调整。