【前端】利用HTML标签实现个人简历界面＜table＞【HTML+CSS+JavaScript(JS)】

最新推荐文章于 2024-04-18 17:19:43 发布

_小鹰

最新推荐文章于 2024-04-18 17:19:43 发布

阅读量1.1k

点赞数

分类专栏：前端文章标签：前端 html css javascript

本文链接：https://blog.csdn.net/cc2855816075/article/details/122886945

版权

前端专栏收录该内容

38 篇文章 1 订阅

订阅专栏

效果：

在这里插入图片描述

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>作业3-简历</title>
	</head>
	<body>
		<table border="0" align="center" width="1024">
				<tr>
					<!--4列-->
					<th width="250px">
						<p>
							<h1>基本信息</h1><br/><br/>
							求职意向&nbsp;&nbsp;
								&nbsp;&nbsp;软件工程师 <br/>
						</p>
					</th>
					<th>
						<p>
							<h2 align="center">陈宸</h2>
							联系电话：18218218182<br/>
							E-mail：2855666666@qq.com <br/>
						</p>
					</th>
					<th>
						<table align="center" border="0">
							<tr><th height="80">性别：男</th></tr>
							<tr><th height="80">籍贯：abcd</th></tr>
						</table>
						
					</th>
					<th>
						<p>
							<img src="picture.png" alt="picture" width="100">
						</p>
					</th>
				</tr>
				
				<tr>
					<!--★★★★注意colspan是写在td/th上的★★★★-->
					<td colspan="4" bgcolor="aquamarine" style="color: cornsilk;" height="50px" valign="bottom">
						<b>求职意向</b>
					</td>
				</tr>
				
				<tr>
					<td colspan="2"> Java工程师</td>
					<td colspan="2"> 工作性质：全职</td>
				</tr>
				
				<tr>
					<td colspan="4" bgcolor="aquamarine" style="color: cornsilk;" height="50px" valign="bottom">
						<b>教育背景</b>
					</td>
				</tr>
				
				<tr>
					<td colspan="2"> 湖北大学<br/>专业：挖掘机</td>
					<td colspan="2"> 2017-2070</td>
				</tr>
				
				<tr>
					<td colspan="4" bgcolor="aquamarine" style="color: cornsilk;" height="50px" valign="bottom">
						<b>技能</b>
					</td>
				</tr>
				<tr>
					<td colspan="4" >
						<ul>
							<li>2019年6月&nbsp;&nbsp;&nbsp;&nbsp;普通话等级证书 — 二级乙等</li>
							<li>2019年3月&nbsp;&nbsp;&nbsp;&nbsp;全国计算机一级MSOffice证书</li>
							<li>2021年5月&nbsp;&nbsp;&nbsp;&nbsp;教师资格证 — 初中数学</li>
							<li>2021年5月&nbsp;&nbsp;&nbsp;&nbsp;教师资格证 — 初中数学</li>
							<li>2020年12月&nbsp;&nbsp;&nbsp;&nbsp;英语六级 — 999</li>
						</ul>
					</td>
				</tr>
				
				<tr>
					<td colspan="4" bgcolor="aquamarine" style="color: cornsilk;" height="50px" valign="bottom">
						<b>项目经验</b>
					</td>
				</tr>
				
				<tr>
					<td colspan="2" style="color: blue">基于SSM的球鞋销售系统</td>
					<td colspan="2" style="color: blue"> 2020-2077</td>
				</tr>
				
				<tr>
					<td colspan="4"> 然抽象的爱，亦可使人超生。爱国也需要生命，生命力充溢者方能爱国。
					至如阉寺性的人，实无所爱，对国家，貌作热诚，对事，马马虎虎，对人，毫无情感，对理想，异常吓怕。
					也娶妻生子，治学问教书，做官开会，然而精神状态上始终是个阉人。与阉人说此，当然无从了解。
					</td>
				</tr>
				
				
		</table>
		
	</body>
</html>

注意：

1.<td colspan=“4” >注意colspan是写在td/th上的。因为只有单元格才能跨列（横向）。

_小鹰

关注

0
点赞
踩
10

收藏

觉得还不错? 一键收藏
打赏
0
评论
【前端】利用HTML标签实现个人简历界面＜table＞【HTML+CSS+JavaScript(JS)】

效果：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>作业3-简历</title> </head> <body> <table border="0" align="center" width="1024"> <tr>  <th
复制链接

扫一扫