(2)教育背景,如学校、专业、专业排名等
(3)奖励情况:参加项目或者竞赛的情况,也可以是课程成绩。
(4)专业技能:技能名称、掌握程度等。
(5)自我评价
表单中提供“注册”按钮,将表单数据提交处理。在表单提交时,需使用技术对数据进行前端验证,确保数据的正确性和合法性。
2.个人简历网页
基于个人简历注册表单页面,当点击“注册”按钮,跳转到个人简历网页,在个人简历网页中展示注册表单中的信息(静态页面即可),个人简历网页排版请自行设计。其它要求如下:
(1)可以使用制作个人简历网页的布局。
(2)网页中需要用到img、、、a、等标签。
二、代码讲解 1.盒子模型
2.跳转的实现(就贴代码啦)
导航栏相关的部分
衔接跳转
<iframe src="欢迎界面.html" name="myframe" frameborder="0" width="860px" height="1030px" style="float:right;margin: 10px;"></iframe>
3.源代码(只有这一个页面的哦)
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Document
<style>
*{
padding: 0;
margin: 0;
}
.box{
margin: 0 auto;
background-color:rgb(249,250,251);
width: 1080px;
height: 1080px;
box-sizing: border-box;
}
.header{
float: left;
width: 200px;
height: 1080px;
background-color: rgb(50,202,153);
position: fixed;
}
.h1{
text-align: center;
padding: 15px;
}
li{
list-style: none;
margin:50px 0;
}
li>a{
text-decoration: none;
color: black;
}
a{
font-size: 25px;
}
a:hover{
color: red;
}
.register{
float :right;
width: 865px;
height: 60px;
background-color: rgb(255,255,255);
border-left: 20px solid rgb(0,122,204);
}
.p{
margin-left: 790px;
margin-top: 10px;
}
.content{
float: right;
width: 865px;
height: 1030px;
background-color:rgb(242,242,242);
text-align: center;
}
.content>h1{
margin-top: 20px;
}
input{
background-color: #4CAF50;
color: #fff;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
</style>
<body>
<script>
function jump(){
window.open("生成信息.html");
}
</script>