html期末设计作业
时间: 2023-12-23 13:01:16 浏览: 28
这学期的 HTML 课程即将结束,老师布置了一个期末设计作业。要求我们运用所学的 HTML 知识,设计一个网页,内容自定,但必须包括标题、段落、图片和超链接等元素。我决定设计一个个人简历的网页,将自己的基本信息、教育背景、工作经验和技能等都展示出来。
首先,我打算在网页顶部设置一个大标题,显示我的姓名和求职岗位。接着,我会在页面中部分使用段落元素,分别介绍我的教育背景和工作经历。我会在教育板块运用列表元素展示出我曾就读的学校和专业课程,以及所获得的证书和奖项。在工作经验板块,我会使用无序列表元素列出我曾任职的公司及职责。另外,我还会插入一些图片元素,展示我在工作和学习中所取得的成就。
为了增加网页的互动性,我计划在网页底部设置一个联系方式的部分,包括我的邮箱和电话号码,并为这两个信息添加超链接,方便雇主点击直接联系我。另外,我还会在页面中间加入一个超链接,链接到我的 LinkedIn 主页,让雇主可以更详细地了解我的工作经历和技能。
综上所述,我会在这个 HTML 期末设计作业中充分运用所学的知识,设计一个清晰、简洁、信息丰富的个人简历网页,希望能够吸引到潜在雇主的关注。
相关问题
html期末设计作业源代码
```html
<!DOCTYPE html>
<html>
<head>
<title>期末设计作业</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
margin: 0;
padding: 0;
}
h1 {
text-align: center;
color: #333333;
}
.container {
width: 80%;
margin: 0 auto;
overflow: hidden;
}
.box {
float: left;
width: 30%;
background-color: white;
margin: 10px;
padding: 10px;
box-sizing: border-box;
border: 1px solid #cccccc;
border-radius: 5px;
}
.img {
width: 100%;
height: 200px;
background-size: cover;
background-position: center;
margin-bottom: 10px;
}
p {
color: #666666;
}
</style>
</head>
<body>
<h1>期末设计作业</h1>
<div class="container">
<div class="box">
<div class="img" style="background-image: url('image1.jpg')"></div>
<h2>标题1</h2>
<p>内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1。</p>
</div>
<div class="box">
<div class="img" style="background-image: url('image2.jpg')"></div>
<h2>标题2</h2>
<p>内容2内容2内容2内容2内容2内容2内容2内容2内容2内容2内容2。</p>
</div>
<div class="box">
<div class="img" style="background-image: url('image3.jpg')"></div>
<h2>标题3</h2>
<p>内容3内容3内容3内容3内容3内容3内容3内容3内容3内容3内容3。</p>
</div>
</div>
</body>
</html>
```
html期末作业网站设计
HTML期末作业网站设计是指在HTML课程学习结束后,学生需要完成一个小型个人网站的设计和制作作业。该作业要求学生设计一个主题鲜明、内容结构合理、页面无错误、运行流畅、内容积极健康的网站,并且要求网站包含首页、相册、日志、留言板等四项信息,其中首页必须显示制作者的详细基本信息和至少一张作者本人的图片,导航栏上的文本信息必须有超链接,并且至少设置两个超链接能正确跳转到两个子页(二级页面),其中一个页面必须制作包含表单的页面。网站采用div+css样式布局或采用模板方式制作均可,首页和子页风格要统一、美观大方,图片使用得当,色彩协调,布局合理。