一个简单HTML5期末考核大作业,学生个人html静态网页制作代码
以下是一个简单的HTML5静态网页示例,用于展示一个学生的个人信息。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人信息</title>
<style>
body {
font-family: Arial, sans-serif;
}
.header {
text-align: center;
padding: 50px;
color: #333;
}
.container {
max-width: 800px;
margin: auto;
padding: 20px;
background-color: #f9f9f9;
border: 1px solid #eee;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
</style>
</head>
<body>
<div class="header">
<h1>个人信息</h1>
</div>
<div class="container">
<h2>姓名:张三</h2>
<p>性别:男</p>
<p>出生日期:1999-08-25</p>
<p>联系电话:1234567890</p>
<p>邮箱:zhangsan@example.com</p>
<p>居住地址:中国北京市朝阳区</p>
<p>个人爱好:阅读,旅行</p>
</div>
</body>
</html>
这个示例展示了如何创建一个简单的HTML5网页,其中包含了学生的基本信息。CSS样式被内联定义,以保持示例的完整性。这个示例可以作为制作类似静态网页的起点,并可以根据需要添加更多的信息和功能。
评论已关闭