html4个简单网页设计作业
时间: 2023-06-26 21:05:20 浏览: 49
以下是四个简单的 HTML 网页设计作业:
1. 个人简历页面
```
<!DOCTYPE html>
<html>
<head>
<title>个人简历</title>
</head>
<body>
<h1>个人简历</h1>
<h2>个人信息</h2>
<ul>
<li>姓名:张三</li>
<li>性别:男</li>
<li>年龄:25</li>
<li>电话:123456789</li>
<li>邮箱:zhangsan@example.com</li>
</ul>
<h2>教育背景</h2>
<ul>
<li>本科:XX大学,计算机科学专业</li>
<li>研究生:XX大学,计算机科学专业</li>
</ul>
<h2>工作经历</h2>
<ul>
<li>2019-至今:XX公司,软件工程师</li>
<li>2017-2019:XX公司,实习生</li>
</ul>
</body>
</html>
```
2. 简单博客页面
```
<!DOCTYPE html>
<html>
<head>
<title>我的博客</title>
</head>
<body>
<h1>我的博客</h1>
<h2>最新文章</h2>
<ul>
<li>
<a href="article1.html">文章1的标题</a>
<p>文章1的摘要</p>
</li>
<li>
<a href="article2.html">文章2的标题</a>
<p>文章2的摘要</p>
</li>
</ul>
<h2>归档</h2>
<ul>
<li><a href="archive1.html">2021年1月</a></li>
<li><a href="archive2.html">2021年2月</a></li>
</ul>
</body>
</html>
```
3. 产品展示页面
```
<!DOCTYPE html>
<html>
<head>
<title>产品展示</title>
</head>
<body>
<h1>产品展示</h1>
<ul>
<li>
<img src="product1.jpg" alt="产品1的图片">
<h2>产品1的名称</h2>
<p>产品1的描述</p>
</li>
<li>
<img src="product2.jpg" alt="产品2的图片">
<h2>产品2的名称</h2>
<p>产品2的描述</p>
</li>
</ul>
</body>
</html>
```
4. 联系我们页面
```
<!DOCTYPE html>
<html>
<head>
<title>联系我们</title>
</head>
<body>
<h1>联系我们</h1>
<p>请填写以下表格与我们联系:</p>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br>
<label for="message">留言:</label>
<textarea id="message" name="message"></textarea><br>
<button type="submit">发送</button>
</form>
</body>
</html>
```