JAVA WEB开发技术作业 HTML个人简历

张时贰

已于 2022-05-20 23:53:29 修改

阅读量961

点赞数 1

分类专栏： JAVA WEB开发技术文章标签：前端 css html web javascript

于 2022-03-17 21:36:15 首次发布

本文链接：https://blog.csdn.net/qq_49488584/article/details/123561214

版权

🌴 2022.3.9 作业

🌳 HTML 文本标签作业-个人简历

文章目录

前言

🎬本文章是 【JAVA WEB开发技术】 专栏的文章，主要是上课的随堂笔记与练习
🔗JAVA WEB开发技术专栏传送门
📽本节主要内容：利用HTML标签制作了两种页面效果不同的网页，第二个CSS修饰比较多，效果也更好一些

🚀 要求

使用html中的各种文本标签，制作一个个人信息介绍页面。信息包括：

个人基本信息：姓名、出生日期、籍贯、民族…，尽量全面

个人教育经历：哪年哪月至哪年哪月在什么学校接受什么教育

个人工作经历：哪年哪月至哪年哪月在什么单位工作，担任什么职务

个人家庭情况：父亲、子女等的姓名、出生年月、政治面貌、工作单位等信息

注意：

可以参照网络上对科学家、领导人的介绍页面

页面上所有的代码尽量自己书写，页面内容及代码尽量有明显区别于其他人的地方，所有的代码都要知道其作用、含义

编码整洁、规范，清晰易读，添加必要的注释，对页面元素或样式进行说明

🚀 简易版代码

小张自己的代码，仅供参考。源文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人信息介绍页面</title>
		<style>
			/* 整体内容居中 */
			* {
     
				margin: 0 auto;
				text-align: center;
			}

			/* 合并表格的线条 */
			table {
     
				border: black 0.0625rem solid;
				border-collapse: collapse;
			}
			/* 规定行列线条熟属性 */
			td {
     
				border: black 0.0625rem solid;
			}
			th {
     
				border: black 0.0625rem solid;
			}
			/* 标题大小 */
			caption {
     
				font-size: 30px;
			}
		</style>
	</head>
	<body>
		<table border="1" width=700px>
			<caption align="center">个信息介绍</caption>
			<!-- 基本信息 -->
			<tr height="30px">
				<td rowspan="3" width="5%" style="font-weight: 700;padding: 0 8px;">基本信息</td>
				<td width="15%">姓名</td>
				<td width=15%></td>
				<td width=10%>性别</td>
				<td width=10%></td>
				<td width=10%>民族</td>
				<td width=10%></td>
				<td width=15%>出生年月</td>
				<td width=10%></td>
			</tr>
			<tr height="30px">
				<td>毕业院校</td>
				<td></td>
				<td>学历</td>
				<td></td>
				<td>专业</td>
				<td></td>
				<td>政治面貌</td>
				<td></td>
			</tr>
			<tr height="30px">
				<td>籍贯</td>
				<td></td>
				<td>联系方式</td>
				<td colspan="2"></td>
				<td>邮箱</td>
				<td colspan="2"></td>
			</tr>
			<!-- 教育经历 -->
			<tr height="30px">
				<td rowspan="4" style="font-weight: 700;padding: 0 8px;">教育经历</td>
				<td colspan="2">时间</td>
				<td colspan="3">学校</td>
				<td colspan="3">教育</td>
			</tr>