HTML的table表格实现静态网页个人简历！！！

最新推荐文章于 2024-06-27 22:05:28 发布
最新推荐文章于 2024-06-27 22:05:28 发布
阅读量8.5k 收藏 38
点赞数 6
分类专栏： web前端 文章标签： Html/css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40401818/article/details/82458817
版权
标题

 

 

源代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <table align="center" border="2px" width="600px" height="800px" cellspacing="0" cellpadding="2"><caption>个人简介</caption>
            <tr>
                <td  align="center" colspan="7">一、基本情况</td>    
            </tr>
            <tr>
                <td>姓名</td>
                <td width="15%"></td>
                <td>性别</td>
                <td width="15%"></td>
                <td>民族</td>
                <td width="15%"></td>
                <td  width="18%" rowspan="6" align="center">照片</td>
            </tr>
            <tr>
                <td >曾用名</td>
                <td ></td>
                <td colspan="2">出生日期</td>
                <td colspan="2"></td>
            </tr>
            <tr>
                <td >籍贯</td>
                <td ></td>
                <td colspan="2">身份证号</td>
                <td colspan="2"></td>
            </tr>
            <tr>
                <td>政治面貌</td>
                <td ></td>
                <td colspan="2">入党(团)时间</td>
                <td colspan="2"></td>
            </tr>
            <tr>
                <td>最高学历</td>
                <td ></td>
                <td colspan="2">毕业证书编号</td>
                <td colspan="2"></td>
            </tr>
            <tr>
                <td>联系地址</td>
                <td colspan="5"></td>
            </tr>
            <tr>
                <td>联系电话</td>
                <td ></td>
                <td colspan="2">电子邮箱</td>
                <td colspan="3"></td>
            </tr>
            <tr>
                <td>入学前户口所在地详细地址</td>
                <td colspan="6"></td>
            </tr>
            <tr>
                <td align="center" colspan="7">二、家庭成员情况</td>
            </tr>
            <tr>
                <td>姓名</td>
                <td>与本人关系</td>
                <td>政治面貌</td>
                <td align="center" colspan="4">工作单位及职务</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td colspan="4">&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td colspan="4">&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td colspan="4">&nbsp;</td>
            </tr>
            <tr>
                <td colspan="7" >个人性格特点：</td>
            </tr>
            <tr>
                <td colspan="7" >具备哪些特长和技能：</td>
            </tr>
            <tr>
                <td align="center" colspan="7">三、教育背景（从中学填写）</td>
            </tr>
            <tr>
                <td>起始年月</td>
                <td colspan="3">学校</td>
                <td>专业</td>
                <td colspan="2">备注</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="3">&nbsp;</td>
                <td>&nbsp;</td>
                <td colspan="2">&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="3">&nbsp;</td>
                <td>&nbsp;</td>
                <td colspan="2">&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="3">&nbsp;</td>
                <td>&nbsp;</td>
                <td colspan="2">&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="3">&nbsp;</td>
                <td>&nbsp;</td>
                <td colspan="2">&nbsp;</td>
            </tr>
            <tr>
                <td align="center" colspan="7">四、工作及实习经历</td>
            </tr>
            <tr>
                <td>起始年月</td>
                <td colspan="3">工作单位</td>
                <td>岗位</td>
                <td colspan="2">证明人及电话</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="3">&nbsp;</td>
                <td>&nbsp;</td>
                <td colspan="2">&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="3">&nbsp;</td>
                <td>&nbsp;</td>
                <td colspan="2">&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="3">&nbsp;</td>
                <td>&nbsp;</td>
                <td colspan="2">&nbsp;</td>
            </tr>
            <tr>
                <td align="center" colspan="7">五、获奖等证书情况</td>
            </tr>
            <tr>
                <td>获得时间</td>
                <td colspan="2">证书名称</td>
                <td colspan="3">内容</td>
                <td>证书编号</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="2">&nbsp;</td>
                <td colspan="3">&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="2">&nbsp;</td>
                <td colspan="3">&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="2">&nbsp;</td>
                <td colspan="3">&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="2">&nbsp;</td>
                <td colspan="3">&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            
            
        </table>
    </body>
</html>

就是简单的用table的tr，td属性。

Estrus_
关注
  • 6
    点赞
  • 踩
  • 38
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
个人静态网页设计（html）
12-02
纯html语言编写的网页 里面加了一些特效
html个人博客静态网页制作
06-19
这是一个静态的博客，不过很好，供大家分享
HTML用表格等标签创建一个个人简历
最新发布
qq_61913550的博客
06-27 423
【代码】HTML用表格等标签创建一个个人简历。
html个人静态网站作品
07-18
帮本科生做的Dreamweaver作业，有学这么课程的同学，可以下载看看，稍加修改下，也可作为自己的作业。
HTML静态网页中的表格table
xiahang1121的博客
05-04 5998
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格</title> <table border="10px" width="800px" cellpadding="2px" cellspacing="2" >cellpaddi...
个人主页（html）模板 静态网页模板
10-05
个人主页（html）模板，静态网页模板。静态网页模板。静态网页模板。
html个人博客的静态网页
04-29
在这个“html个人博客的静态网页”压缩包中，包含了一个已经设计完成的个人博客的静态页面。静态网页意味着页面内容在服务器端不进行动态生成，而是以固定的HTML文件形式存在，当用户请求时，服务器直接发送这些文件...
js 静态HTML表格排序功能实现
01-19
table{margin:100px auto;} td{width:100px;height:24px;text-align:center;line-height:24px;border:1px solid silver;} .red{color:red;} .top{background:#CCCCCC;cursor:pointer;} .up{background:#FFFFCC u
微信小程序实现的绘制table表格功能示例
10-17
总的来说，微信小程序实现的绘制table表格功能，主要是通过结合JS、WXML和WXSS进行数据绑定和样式设计。开发者需要理解数据与视图的绑定关系，熟练掌握CSS布局技巧，才能构建出美观且实用的表格。在处理大量数据或...
学生个人html静态网页制作 湖南美食(4页) 家乡美食网站设计与实现
08-10
- **表格布局**: 使用 `<table>` 进行布局，虽然这不是现代网页设计的最佳实践，但对于初学者来说是一种简单的布局方法。 - **单元格间距**: 通过 `cellspacing="0"` 属性消除单元格之间的间距，保持布局整洁。 - **...
个人网页模板之静态版（HTML+CSS+JS）
01-11
前一段时间帮同学完成的一个作业，静态的网站知识几乎都涉及了！
个人介绍网页示例
01-23
一份自己制作的个人网页介绍，html,css,javascript总结网页，代码简单，有兴趣的初学者可以看看，大佬也可以指教一下
HTML个人简历
10-08
利用HTML5语言编写的个人简历有兴趣的的朋友可以下载下来学习一下
个人静态网页的实现
XiumingLee的博客
01-02 2769
该网页是期末作业，和大家分享下相互学习。 效果图如下： 喜欢的可以点击这里下载哦 源码已经上传到GitHub，如果对你有帮助，希望你可以给个star，谢谢！！ GitHub地址：https://github.com/XiumingLee/MingRepository/tree/master/MyWeb-Static ...
静态网页中的表格table
a15732111571的博客
05-06 382
表格 cellpadding内边距,内容与边框的上下距离,cellspacing 外边距,外框与格子的距离 yx.pzi.cn
如何使用table布局静态网页
08-18 313
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>hope旅游网</title></head><body><table width="100%" cellpadding="0" cellsp...
【前端】利用HTML标签实现个人简历界面 ＜table＞【HTML+CSS+JavaScript(JS)】
cc2855816075的博客
02-11 1109
效果： 代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>作业3-简历</title> </head> <body> <table border="0" align="center" width="1024"> <tr> <!--4列--> <th
用HTML中table标签写个人简历模板
qq_54108380的博客
09-09 510
代码如下： ​ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格1</title> </head> <body> <table align="center" border="1" height="650px" width="630px"&gt
HTML制作课表和个人简历（属性rowspan：合并列 属性colspan：合并行）
yxmwjy的博客
07-30 641
制作个人简历和课表，主要用到的是表格标签，标签下又有、(不能省缺)、这些无意义标签；用来写表头，用来写表体，用来写表底。 1、首先先搭好框架(这里以课表为例，因为两个表用到的属性大同小异，所以，就先以课表为例)，课表有八行九列，因为表头的星期要占一行，所以我们把第一行写在里，并且给表格设置边框，宽度，代码如下， `、 课表 `！ 课表 星期一 ...
html表格实现图书借阅系统静态网页代码
06-08
以下是一个简单的实现图书借阅系统的静态网页代码： ```html <!DOCTYPE html> <html> 图书借阅系统 table { border: 1px solid black; border-collapse: collapse; width: 100%; } th, td { ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值