小练习使用html 中table表格 实现个人简历

最新推荐文章于 2022-12-04 17:12:45 发布
最新推荐文章于 2022-12-04 17:12:45 发布
阅读量705 收藏 5
点赞数 1
文章标签： html html5 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_58032275/article/details/120727925
版权

简单实用表格实现个人简历

​ 代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>个人简历</title>
</head>
<body bgcolor="#e0e0eb">
<h2 align="center">个人简历</h2>
<table border="1" cellspacing="0" align="center">
	<tr align="center">
		<td width="120px">学院</td>
		<td width="480px" height="40px" colspan="5"></td>
		<td width="150px" rowspan="5" align="center">照片</td>
	</tr>
	<tr align="center">
		<td width="120px">专业</td>
		<td width="400px" height="40px" colspan="5"></td>
	</tr>
	<tr align="center">
		<td width="120px" height="40px">姓名</td>
		<td width="120px" height="40px"></td>
		<td width="120px" height="40px">性别</td>
		<td width="120px" height="40px"></td>
		<td width="120px" height="40px">民族</td>
		<td width="120px" height="40px"></td>
	</tr>
	<tr align="center">
		<td width="120px" height="40px">出生年月</td>
		<td width="120px" height="40px"></td>
		<td width="120px" height="40px">籍贯</td>
		<td width="120px" height="40px"></td>
		<td width="120px" height="40px">身高</td>
		<td width="120px" height="40px"></td>
	</tr>
	<tr align="center">
		<td width="120px" height="40px">学历</td>
		<td width="120px" height="40px"></td>
		<td width="120px" height="40px">政治面貌</td>
		<td width="120px" height="40px" colspan="3"></td>
		
	</tr>
	<tr align="center"> 
		<td width="120px" height="40px">就业意向</td>
		<td width="480px" height="40px" colspan="6"></td>
	</tr>
	<tr align="center">
		<td width="120px" height="40px">兴趣爱好</td>
		<td width="480px" height="40px" colspan="6"></td>
	</tr>
	<tr align="center">
		<td width="120px" height="40px">个人说明</td>
		<td width="480px" height="40px" colspan="6"></td>
	</tr>
	<tr align="center">
		<td width="120px" height="40px">家庭住址</td>
		<td width="480px" height="40px" colspan="6"></td>
	</tr>
	<tr align="center">
		<td width="120px" height="40px">住宿地址</td>
		<td width="220px" height="40px" colspan="2"></td>
		<td width="120px" height="40px">联系电话</td>
		<td width="160px" height="40px"></td>
		<td width="120px" height="40px">手机</td>
		<td width="160px" height="40px"></td>
		
	</tr>
	<tr align="center">
		<td width="120px" height="40px">任职情况</td>
		<td width="480px" height="40px" colspan="6"></td>
	</tr>
	<tr align="center">
		<td width="120px" rowspan="4" align="center">本人简历</td>
		<td width="160px" height="40px" colspan="2">时间</td>
		<td width="160px" height="40px" colspan="2">学校</td>
		<td width="160px" height="40px" colspan="2">任职</td>
	</tr>
	<tr align="center">
		<td width="160px" height="40px" colspan="2"></td>
		<td width="160px" height="40px" colspan="2"></td>
		<td width="160px" height="40px" colspan="2"></td>
	</tr>
	<tr align="center">
		<td width="160px" height="40px" colspan="2"></td>
		<td width="160px" height="40px" colspan="2"></td>
		<td width="160px" height="40px" colspan="2"></td>
	</tr>
	<tr align="center">
		<td width="160px" height="40px" colspan="2"></td>
		<td width="160px" height="40px" colspan="2"></td>
		<td width="160px" height="40px" colspan="2"></td>
	</tr>
	<tr align="center">
		<td width="120px" rowspan="6" align="center">奖惩情况</td>
		<td width="480px" height="40px" colspan="6"></td>
	</tr>
	<tr align="center">
		<td width="480px" height="40px" colspan="6"></td>
	</tr>
	<tr align="center">
		<td width="480px" height="40px" colspan="6"></td>
	</tr>
	<tr align="center">
		<td width="480px" height="40px" colspan="6"></td>
	</tr>
	<tr align="center">
		<td width="480px" height="40px" colspan="6"></td>
	</tr>
	<tr align="center">
		<td width="480px" height="40px" colspan="6"></td>
	</tr>
</table>
</body>
</html>

效果图

在这里插入图片描述

Spring宇轩
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html设计简历表,HTML table制作个人简历
weixin_36467048的博客
06-08 2095
如何制作个人简历？说到简历，大家应该第一个想到的是ps，或者使用word表格来制作打印可是很多时候带着的时候并不方便，所以今天我们教大家用html的table标签来制作个人简历需要的时候无论哪个手机都可以查看自己的简历！是不是很方便呢？----------------------------------------------------------------ok！废话不多说，直接上教程：tab...
使用HTML写一个简历表格
r67686的博客
08-30 5834
代码实现的效果如下： 代码如下： <!DOCTYPEhtml> <html> <head> <title>填写个人简历</title> </head> <body> <tableborder="1"align="center"width="1050"height="800"bordercolor="black"> <caption> ...
用H5 的table标签制作个人简历的表格.html
09-21
用Visual Studio Code编译器中的H5中table标签制作一个表格，这个是只用Table标签制作了一个个人简历的表格
案例：使用HTML中的 table 标签制作一份个人简历
叶子yes的博客
07-18 1208
一、使用到的知识点 这个小案例中主要使用到的知识点是表格标签中单元格的合并，还使用到了一些表格标签里面的属性，比如宽高属性、水平对齐属性，还有表格边框的设置和合并等。二、单元格合并知识点解释1、水平方向上的单元格合并 可以给td标签添加一个colspan属性, 来指定把某一个单元格当做多个单元格来看待(水平方向) 例如: 含义: 把当前单元格当做两个单元格来看待注意: 由于把某一个单元格当做了多个单元格来看待, 所以就会多出一些单元格, 所以需要删掉一些单元格才能正常显示. 一定要记住单元格...
HTML 使用table标签制作个人简历
LLL3189860667的博客
07-18 1302
代码】HTML使用table标签制作个人简历。
html表格上的年月日怎么做,HTML及CSS基础之表格制作-2018年8月15日16：34
weixin_39634052的博客
06-17 551
html>表格table{margin:0pxauto;width:700px;text-align:center;border-collapse:collapse;}table,th,td{border:1pxsolid#666;}tabletr:hover{background-color:#efefef;color:coral;}tabletrtda...
HTML 使用表格制作简单的个人简历
热门推荐
liuzhe465的博客
08-08 3万+
复习一下HTML，用表格做一个简单的个人简历
html做表格（个人简历）
otatoz
07-30 3万+
首先要知道表格中的几个重要属性： align：让内容居中，取值为left、right、center border：设置表格的边框 cellspacing：单元格与单元格之间的距离 bgcolor：表格的背景色 colspan：跨列数 rowspan：跨行数 代码： <!DOCTYPE html> <html lang="en"> <head&...
纯 html 实现一个简单的个人简历
疯魔coding君的博客
01-10 9774
仅使用 html 实现一个简单的个人简历，只需用到 table 标签就行了，其效果图如下： 附上完整的源代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个人简历</title> </head> <body> <div align="center"> <table bord
table.html（html表格练习）
07-21
html5简单的项目支出表格作业，表内容为 项目负责人 联系电话 项目支出细化预算(单位：万元)项目类别 发展性专项 建设性专项 基本建设和大修理项目 合计 项目前期费用 征地费 建筑工程费 安装工程费 设备...
html小练习.docx
08-27
HTML 小练习文档解读 本文档旨在指导初学者掌握 HTML 基础知识，并通过实践练习熟悉 HTML 编程。本文档共分为四页，涵盖 HTML 基础概念、表单设计、图片显示、样式设置等内容。 页 1：块级元素、内联元素和内联块...
table_basics：通过HTML CSS进行表格练习
02-11
table_practise html CSS进行表格练习
table布局练习.html
09-29
前段时间做的表格布局。是同学老师布置的一个作业，作业要求是用DW做，我拿来写代码练手了，因为我还没有系统的学习完看起来有点乱，至少在命名规范这一方面，而且很多HTML5不在用的标签也在用，是跟着作业要求一步...
【小练习03】CSS-表格（table）--天气预报
05-12
表格练习
使用HTML表格制作简易的个人简历表
weixin_45993305的博客
12-09 4951
使用HTML表格制作简易的个人简历表 一、创建过程 创建表格标题 创建表格 创建行 创建单元格 二、原理 主要使用HTML表格的不规则表格属性以及HTML表格的基本属性 三、使用的主要代码 创建表格标题 创建表格 创建行 创建单元格 四、主要代码的基本元素代码 table属性:border：边框 cellpadding：单元格的内边距（单元格边框与内容之间的距离） cell...
HTML 用table标签制作一张简单的个人简历
qq_45969097的博客
07-18 1814
该文章用于记录实训中的一个小作业。
html利用表格制作个人简历
qq_43804570的博客
03-05 1897
html利用表格制作简历 1，代码展示 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>简历模板</title> </head> <body> <h2 align="center">个人简历</h2> <!-- 这是一个8列17行的表格改造的简历模板 制作表格需要用到的属性： b
利用HTML实现一个个人信息表的网页（代码实例）
web前端入门基础进阶教程-htmlcssjs
06-18 2万+
本篇文章给大家带来的内容是关于利用HTML实现一个个人信息网页（代码实例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 对HTML标签的总结 1、学习的行内标签和 块级元素分别有哪些? 行内标签:span, strong, a, img, input, textarea 块级元素:p, h1-h6, p, hr, pre, ul, ol, dd, dt, th. tr, td 2、两者的区别与特性； 1).块级元素独占一行空间， 行内元素只占据自身宽度的空间; 2).块级元素是可以包含块
html个人信息表制作（适合初学者）
qq_51730402的博客
12-04 4101
html个人信息表制作（适合初学者）
html单元格练习题
最新发布
09-30
HTML中的表格由`<table>`标签和包含在其中的`<tr>`、`<th>`或`<td>`标签组成。`<table>`标签是整个表格的容器，而`<tr>`标签用于定义行，`<td>`标签用于定义表格的单元格（一个列）。 以下是一些常用的属性： - `border`：表格边框的宽度。 - `width`：表格的宽度（整个table的宽度）。 - `cellpadding`：单元边沿与其内容之间的空白。 - `cellspacing`：单元格之间的空白。 - `bgcolor`：表格的背景颜色。 `<td>`标签还可以使用以下属性： - `colspan`：单元格可横跨的列数。 - `rowspan`：单元格可横跨的行数。 - `align`：单元格内容的水平对齐方式，可取值为`left`（左对齐）、`right`（右对齐）或`center`（居中）。 - `nowrap`：单元格中的内容是否折行。 `<th>`标签用于定义表头，单元格内的内容默认居中且加粗。 以下是一个例子，展示了如何创建一个简单的HTML表格： ```html <table border="1" cellpadding="5" cellspacing="0"> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> <tr> <td>张三</td> <td>25</td> <td>男</td> </tr> <tr> <td>李四</td> <td>30</td> <td>女</td> </tr> </table> ``` 这个例子中，我们创建了一个带有表头的表格，并填充了一些数据。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值