html使用table标签制作个人简历

已于 2023-02-15 14:58:47 修改
阅读量4.2k 收藏 57
点赞数 8
分类专栏： HTML 文章标签： html css 前端
于 2019-07-30 16:05:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/October_27/article/details/97791267
版权

个人简历

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>resume</title>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		.table1{
			margin: 0;
			padding: 0;
			border-collapse: collapse;
			

		}
		tr td{
			width: 100px;
			height: 50px;
		}
			
		.aa{
			background-color:#e4e4e4;
		}
		.bb{
			width: 200px;
			text-align: center;
		}
		caption{
			height: 50px;
			font-size: 30px;
		}
		.cc{
			width: 100px;
			height: 80px;
		}

	</style>
</head>
<body>
<table class="table1"  border="1px" align="center">
	<caption>个人简历</caption>
	<tr class="row" align="center">
		<td class="aa">姓名</td>
		<td>李金鱼</td>
		<td class="aa">籍贯</td>
		<td>辽宁</td>
		<td rowspan="5" class="bb">
			<img src="./picture.jpg" alt="照片" height="300px" width="200px">
		</td>
	</tr>
	<tr class="row" align="center">
		<td class="aa">出生日期</td>
		<td>1998.01.01</td>
		<td class="aa">政治面貌</td>
		<td>团员</td>
	</tr>
	<tr class="row" align="center">
		<td class="aa">性别</td>
		<td>女</td>
		<td class="aa">民族</td>
		<td>汉族</td>
	</tr>
	<tr class="row" align="center">
		<td class="aa">学位</td>
		<td>学士学位</td>
		<td class="aa">移动电话</td>
		<td>150xxxx0000</td>
	</tr>
	<tr class="row" align="center">
		<td class="aa">专业</td>
		<td>软件开发</td>
		<td class="aa">电子邮件</td>
		<td>test@qq.com</td>
	</tr>
	<tr class="row">
		<td class="aa" align="center">地址</td>
		<td colspan="4">辽宁省</td>
	</tr>
	<tr class="row">
		<td class="aa" align="center">兴趣爱好</td>
		<td colspan="4">篮球、足球、羽毛球、游泳、旅游</td>
	</tr>
	<tr class="row cc">
		<td class="aa" align="center">教育背景</td>
		<td colspan="4">xxxx-xxxx年就读于xxxx大学</td>
	</tr>
	<tr class="row cc">
		<td class="aa" align="center">获奖情况</td>
		<td colspan="4">xxxx年活获得综合奖学金</td>
	</tr>
	<tr class="row cc">
		<td class="aa" align="center">自我评价</td>
		<td colspan="4">。。。</td>
	</tr>
</table>
</body>
</html>
李金鱼。
关注
  • 8
    点赞
  • 踩
  • 57
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
html之table表格制作简历
gdd1990shl的博客
03-12 405
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>简历</title> <style> tr{height:40px}/*统一设置表格的行高*/ td{width: 80px; padding-left: 20px;/*单元格内容与边框的间距*/ padding-righ
HTML制作简单个人简历
qq_53093252的博客
06-02 337
1.代码 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <...
HTML——使用表格制作个人简历
悬悬小的博客
03-09 1万+
文章目录前言一、表格1.创建表格的基本语法2.表格属性二、练习1.代码2.效果图总结 前言 初始HTML，能够使用表格完成指定布局。表格是用来展示数据，能够让数据显示整齐规范。 学习目标： 理解 能说出表格用来做什么的 表格的基本结构组成 应用 能够熟练写出n行n列的表格 能够简单的合并单元格 一、表格 表格是一种常见的标签，但不是用来布局的，是用来显示数据，可以使数据显示整齐规范。 尤其是在后台展示数据的时候，表格运用是否熟练就显得十分重要。我们今天的主要任务就是，使用表格制作一个个人简
html实现好看的个人介绍，个人主页模板5(附源码)
最新发布
爱敲代码的卡拉米的博客
05-28 589
计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；网页作品代码简单，可使用任意HTML编辑软件（如：D。
html制作好看的个人简历(附源码)
热门推荐
xcLeigh
03-29 3万+
html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下，扩展更多其他效果。
html简洁漂亮的个人简历,个人主页，个人简介网页版(源码)
BASK2312的博客
05-19 1万+
动态的朦胧天空背景图，可以配置个人职业技能，大图标，姓名，年龄，性别，手机号，邮箱，qq号，居住地，户籍，学历，学校，专业等信息，也可以扩展新的。动态的朦胧天空背景图，可以配置自己的图标，个人名言，名字，职称，邮箱，手机号，工作地址等信息，也可以扩展新的。动态的科技线路背景图，可以配置个人工作过的公司，工作的时间，负责的项目，开发工具等信息，也可以扩展新的。动态的科技线路背景图，可以配置个人教育的学校，时间，几学到的东西等信息，也可以扩展新的。出来，个人的掌握的工具，及熟练度等信息，也可以扩展新的。
用html制作一个简历
QwwwQxx的博客
03-20 7937
【代码】用html制作一个简历。
HTML基本知识与常用标签的使用以及实现一个HTML版本个人简历
薯条和番茄酱的博客
05-16 1084
head 标签中写页面的属性，body 标签中写的是页面上显示的内容，title 标签中写的是页面的标题。一段比较长的文本粘贴到 html 中, html是不会将它们分段的，此时需要我们用段落标签。是 break 的缩写表示换行，br 标签不像 p 标签那样带有一个很大的空隙，通常写成。ctrl + / 快捷键可以快速进行注释/取消注释，注释的目的是提高代码的可读性。主要用于用户输入，包括单行文本框， 按钮， 单选框， 复选框。span标签中的内容并没有独占一行，div中的内容独占一行。
用H5 的table标签制作个人简历的表格.html
09-21
用Visual Studio Code编译器中的H5中table标签制作一个表格，这个是只用Table标签制作了一个个人简历的表格
html个人简历.rar
10-24
以下是一些关键的HTML标签和概念，可能在个人简历的制作中使用： 1. **`<head>`**：这是HTML文档的头部，包含元信息，如字符编码（`<meta charset="UTF-8">`）和页面标题（`<title>`）。 2. **`<body>`**：页面的...
Web简单个人简历
10-23
【HTML 个人简历】是一种基于Web技术创建的电子简历，它使用HTML（HyperText Markup Language）语言来构建页面结构，并通过CSS（Cascading Style Sheets）进行样式设计，以实现美观且功能丰富的在线展示。这样的简历...
resume.html
08-03
html的相关知识，总结了html的基础语言，基础用法，分了几个小模块简单描述了html中的相关知识，重点是块元素和行内元素的基本特性，掌握他们的用法和使用搞得条件，正确的书写html语言，搭建页面框架，为css的学习做好充分的准备。 表格的充分应用
HTML简历模板(resume).rar
06-26
这是一个简单的HTML简历模板，可以通过修改index.html里的内容和更换素材，形成自己的简历，给自己的求职加分。
JavaWeb——HTML基础标签table标签与form标签的学习与理解
01-08
使用表格标签制作规整的表格 table标签是表格标签， border属性设置表格的边框厚度， width属性设置表格的宽度， align设置表格的对齐方式， cellspacing设置单元格的间距 tr是行标签， td是单元格标签， th是字体...
HTML的dl、dt、dd标记制作表格对决Table制作表
12-08
与传统的`<table>`标签相比，它们在某些场景下可以提供更语义化的解决方案，尤其是在创建小型数据列表或表单时。 在传统的`<table>`标签中，创建数据列表需要包含`<tr>`（表格行）和`<td>`（表格数据单元格）标签。...
纯 html 实现一个简单的个人简历
疯魔coding君的博客
01-10 9887
仅使用 html 实现一个简单的个人简历，只需用到 table 标签就行了，其效果图如下： 附上完整的源代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个人简历</title> </head> <body> <div align="center"> <table bord
用html写一个个人简历
m0_56218765的博客
05-02 1279
主要还是用到了table，只是有些地方没有加边框而已。 <body> <table border="1"> <caption>职业圈</caption> <tr height="50" bgcolor="87cefa"> <td width="400">手机号：13111156615</td> <td width="400"&gt.
前端应用_html_利用html表格 制作个人简历_02
上海 彭彭
07-23 2054
作业为 制作的个人简历的样式为如下： 特点如下： 第一行 全部合并 图片占据竖直五个格子 我们要用到的知识就是合并。 1.首先用快捷键 制作一个表格 table>(tr>td*5) 然后点击tab 键。 3. 加border 和表格高度以及宽度 (winth ,height) 4. 合并第一行 ， (colspan) 5. 合并图片 占用的格子（rowspan） 代...
HTML个人简介表格
lnxllsy的博客
04-16 292
<!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&...
html网页制作table
03-20
1. 使用table标签创建表格的开始和结束标记。 2. 在table标签内部，使用tr标签创建表格的行，表示每一行数据。 3. 在tr标签内部，使用td标签创建表格的单元格，表示每个数据项。 4. 可以在td标签内部添加文本、图片...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值