静态网页个人简历

IT小庄同学

已于 2022-09-10 18:57:42 修改

阅读量1.7k

点赞数 3

于 2022-09-10 18:57:26 首次发布

本文链接：https://blog.csdn.net/Z_CH8648/article/details/126798455

版权

程序员的简历是不用随身带的

首先，作为程序员自己的简历是比别人特别的；程序员应该是有思想，有高情商的手工艺人。作为程序员简历是随身带的代码，用代码书写的简历就像是一份随身携带着的简历，因为这就是最后的目标文件，我们可以通过修改代码来修改这最后的结果。这带来的也就是你这时候所需要的自信，当周围的那些人是拿word做成的，而你的简历是用html+css+JavaScript 做成的简历网页，打印出来的。

下面就我的简历来分享：

简洁、清晰明了是简历的突出特点是尤为重要的，运用HTML、CSS巧妙写出完美的网页简历。

知识点：

Html表格：以<table></table>标签作为开始，<tr></tr>作为行，<td></td>作为列。

<th></th>是表头（特殊的<tr>）,<caption></caption>为表名。

个人简历实则上就是一份表格，表格制作时，注意“width","height"等属性，表格制作完成后，再在相应地方加入表单，增加表格交互性，个人简历就做好了。

简历效果图：

代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>***的个人简历</title>
	<style>
		div{
			width: 600px;
			color: hsl(45, 98%, 76%);
    		text-align: center; 
			
		}

	</style>

</head>
<body topmargin="0">
	<table border="0" align="center" width="1100" height="1100"  cellspacing="0">
		<tr>
			<td width="220" valign="top"  bgcolor="#fff1c8">
				<!-- bgcolor是body标签的属性，代表背景色，并不能随便用于其他标签。 -->
				<table width="200" align="center" border="0" cellspacing="0" >
					<!-- cellspacing属性用于设置单元格周边的空间 -->
					<tr>
						<td height="50"></td>
					</tr>
					<tr>
						<td align="left"><a href="https://blog.csdn.net/Z_CH8648?type=blog" target="_blank" title="博客圆" ><img src="img/01.jpg" alt="IT萌萌熊" width="175" height="175"></a>
						</td>
					</tr>
					
					<tr>
						<td height="50"></td>
					</tr>
					
					<tr>
						<td align="left"><b>姓名: </b>***</td>
					</tr>
					<tr>
						<td align="left"><b>电话: </b>181*******</td>
					</tr>
					<tr>
						<td align="left"><b>邮箱:</b></td>
					</tr>
					<tr>
						<td align="left">178*******@qq.com</td>
					</tr>
					<tr>
						<td align="left"><b>博客地址：</b><a href="https://blog.csdn.net/Z_CH8648?type=blog" target="_blank" title="作者博客">点此链接</a></td>
					</tr>
													
				</table>
								
			</td>

			<td width="30" bgcolor="#F8F8FF"></td>
			<!-- bgcolor是body标签的属性，代表背景色，并不能随便用于其他标签。 -->
			<td width="620" valign="top" bgcolor="#F8F8FF">

				<div class="div" ><h1 >个人介绍</h1></div>
				<!-- 引用外部样式<link rel="stylesheet" href="9.9deom/index.css"  -->
				<br>
				
				<table width="620" height="145"  border="0" cellpadding="0" cellspacing="0">
					<tr>
						<td colspan="2"><b>一、基本介绍</b></td>
					</tr>
					<!-- <b>： 标签规定粗体文本 -->
					<tr>
						<td><b>性别：</b>男</td>
						<td><b>民族：</b>汉</td>
					</tr>
					<tr>
						<td><b>出生日期：</b>****年*月</td>
						<td><b>住址：</b>**</td>
					</tr>					
					<tr>
						<td><b>学历：</b>***</td>
						<td><b>专业：</b>****</td>
					</tr>
					<tr>
						<td><b>毕业院校：</b>********</td>
						<td><b>政治面貌：</b>*******</td>
					</tr>
				</table>
				<br>

				<table width="620" height="160"  border="0" cellpadding="0" cellspacing="0">
					<tr>
						<td><b>二、在校经历</b></td>
					</tr>
					<tr>
						<td><b>1.主修课程：</b>《java程序设计面向对象》《Python程序设计》《MySQL数据库》《Java Web开发》《PHP》《Python网络爬虫》《HTML、CSS、JavaScript》等；</td>
					</tr>
						<td><b>3.主要荣誉：</b>学院励志奖学金、2020年-2021年评为“学雷锋”榜样、2020年-2022年两次评为“优秀团员”、2021年-2022年评为“优秀学生干部”等；</td>
					</tr>					
				</table>
								

				
				
				<table width="620" height="140"  border="0" cellpadding="0" cellspacing="0">
					<tr>
						<td><b>四、项目经历</b></td>
					</tr>
					<tr>
						<td><b>1.数字化校园成绩管理：</b>2021年下半年，用PHP语言结合Mysql数据库开发的一个网页，能对学校学生成绩信息进行管理；</td>
					</tr>
					<tr>
						<td><b>2.图书管理系统：</b>2022年上半年，以团队的形式结合Java Web开发共同开发出图书管理系统，对图书馆图书进行管理；;</td>
					</tr>
				</table>
				<br>

				<table width="620" height="180"  border="0" cellpadding="0" >
					<tr>
						<td><b>五、个人能力</b></td>
					</tr>
					<tr>
						<td>1.精通前端开发，熟练运用HTML、CSS、JavaScript等；</td>
					</tr>
					<tr>
						<td>2.精通Java程序设计面向对象开发；Java Web开发，对网页的开发；</td>
					</tr>
					<tr>
						<td>3.精通PHP和Mysql数据库结合开发运用,精通MySQL语法、存储过程的应用等</td>
					</tr>
					<tr>
						<td>4.精通Python网络爬虫的使用，对网页信息的提取；</td>
					</tr>
				</table>
				<table width="620" height="150" border="0" cellpadding="0"  >
					<tr>
						<td><b>六、个人爱好</b></td>
					</tr>
					<tr>
						<td>1、喜欢运动例如：打羽毛球、打篮球、跑步；</td>
					</tr>
					<tr>
						<td>2、喜欢摄影游玩，尤其对风景的抓拍；</td>
					</tr>
					<tr>
						<td>3、喜欢参加活动，例如：志愿者、校园组织的活动、团体活动等；</td>
					</tr>
					
				</table>

			</td>

			<td width="30" height="50" bgcolor="#F8F8FF"></td>
			<!-- bgcolor是body标签的属性，代表背景色，并不能随便用于其他标签。 -->
		</tr>
		
	</table>
</body>
</html>