HTML表格练习---个人简历

最新推荐文章于 2024-05-06 18:33:50 发布
最新推荐文章于 2024-05-06 18:33:50 发布
阅读量1w 收藏 4
点赞数 1
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ibiao/article/details/52131207
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style type="text/css">
        td{
            text-align:center;
            width:100px;
            height:30px;
        }
        input{
            width:98%;
            height:98%;
        }

    </style>
    <title>个人简历</title>
</head>
<body>
    <table border="1" align="center">
        <!--第一行-->
        <tr>
            <td>姓名</td>
            <td><input type="text" > </td>
            <td>性别</td>
            <td><input type="text" ></td>
            <td>出生年月</td>
            <td><input type="text" ></td>
            <td rowspan="4"><input type="file"></td>
        </tr>
        <!--第二行-->
        <tr>
            <td>民族</td>
            <td><input type="text" ></td>
            <td>政治面貌</td>
            <td><input type="text" ></td>
            <td>身高</td>
            <td><input type="text" ></td>
        </tr>
        <!--第三行-->
        <tr>
            <td>学制</td>
            <td><input type="text" ></td>
            <td>学历</td>
            <td><input type="text" ></td>
            <td>户籍</td>
            <td><input type="text" ></td>
        </tr>
        <!--第四行-->
        <tr>
            <td>专业</td>
            <td><input type="text" ></td>
            <td colspan="2">毕业学校</td>
            <td colspan="2"><input type="text" ></td>
        </tr>
        <tr>
            <td colspan="7" ><b>技能、特长或爱好</b> </td>
        </tr>
        <tr>
            <td>外语等级</td>
            <td colspan="2"><input type="text" ></td>
            <td>计算机</td>
            <td colspan="3"><input type="text" ></td>
        </tr>
        <tr>
            <td colspan="7">个人履历</td>
        </tr>
        <tr>
            <td>时间</td>
            <td colspan="2">单位</td>
            <td colspan="4">经历</td>
        </tr>
        <tr>
            <td></td>
            <td colspan="2"><input type="text" ></td>
            <td colspan="4"><input type="text" ></td>
        </tr>
        <tr>
            <td></td>
            <td colspan="2"><input type="text" ></td>
            <td colspan="4"><input type="text" ></td>
        </tr>
        <tr>
            <td></td>
            <td colspan="2"><input type="text" ></td>
            <td colspan="4"><input type="text" ></td>
        </tr>
        <tr>
            <td colspan="7">联系方式</td>
        </tr>
        <tr>
            <td>通信地址</td>
            <td colspan="2"><input type="text"></td>
            <td>联系电话</td>
            <td colspan="3"><input type="text"></td>
        </tr>
        <tr>
            <td>E-mail</td>
            <td colspan="2"><input type="text"></td>
            <td>邮编</td>
            <td colspan="3"><input type="text"></td>
        </tr>
        <tr>
            <td colspan="7">自我评价</td>
        </tr>
        <tr>
            <td colspan="7" ><textarea cols="100%" rows="10"></textarea></td>
        </tr>

    </table>
</body>
</html>
蜗v牛
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html使用table标签制作个人简历
October_27的博客
07-30 4216
个人简历 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>resume</title> <style> *{ margin: 0; padding: 0; } .table1{ marg...
html制作好看的个人简历(附源码)
xcLeigh
03-29 3万+
html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下，扩展更多其他效果。
【前端】HTML实现个人简历信息展示页面
最新发布
2303_80341387的博客
05-06 2270
接下来，我们可以看到每一个项目都有一个小标题，那么这些项目与项目之间可以用有序列表来表示，而功能介绍中的内容，我们又可以通过无序列表来表示。我们首先看到的是我们页面中的姓名，紧接着下面是我们的基本信息板块，教育背景板块，专业技能板块，还有我的项目板块，还有一个个人评价板块。接下来，我们还是首先看到教育背景这个标题，我们可以看到教育背景和基本信息是对应的，所以我们和基本信息一样都使用。接下来，我们就结合我们之前学习过的HTML的标签来打造一个简历信息的展示的页面.那么此时我们就写完了我们的基本信息板块。
用html制作一个简历
QwwwQxx的博客
03-20 7821
【代码】用html制作一个简历。
html创建简历
weixin_44375151的博客
06-21 3232
html创建简历
htm简历表格制作
02-01
通过html语言制作个人简历表格源码共享，可根据自己需求做出更改
html-表格-漂亮.pdf
11-18
html-表格-漂亮.pdf
13-动态创建表格.html
02-15
13-动态创建表格.html
12-动态创建表格.html
02-15
12-动态创建表格.html
10-动态创建表格.html
02-15
10-动态创建表格.html
02-动态创建表格.html
02-15
02-动态创建表格.html
个人主页简历HTML模板
01-21
非常实用的个人主页简历HTML模板，非常实用的个人主页简历HTML模板非常实用的个人主页简历HTML模板非常实用的个人主页简历HTML模板非常实用的个人主页简历HTML模板
现代个人简历HTML模板
11-30
现代个人简历HTML模板是一款窄屏风格个人简历模板下载。
Html代码写得个人简历
热门推荐
qianqian_blog的博客
09-12 5万+
&lt;!DOCTYPE html&gt; &lt;html&gt;     &lt;head&gt;         &lt;meta charset="utf-8"&gt;         &lt;title&gt;我的简历&lt;/title&gt;         &lt;style&gt;             table{                 bord
HTML的table表格实现静态网页个人简历！！！
Uncle drew的博客
09-06 8569
标题     源代码： &lt;!DOCTYPE html&gt; &lt;html&gt;     &lt;head&gt;         &lt;meta charset="UTF-8"&gt;         &lt;title&gt;&lt;/title&gt;     &lt;/head&gt;     &lt;body&gt;      
HTML个人简介表格
lnxllsy的博客
04-16 277
<!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_利用html表格 制作个人简历_02
上海 彭彭
07-23 2053
作业为 制作的个人简历的样式为如下： 特点如下： 第一行 全部合并 图片占据竖直五个格子 我们要用到的知识就是合并。 1.首先用快捷键 制作一个表格 table>(tr>td*5) 然后点击tab 键。 3. 加border 和表格高度以及宽度 (winth ,height) 4. 合并第一行 ， (colspan) 5. 合并图片 占用的格子（rowspan） 代...
纯HTML和CSS编写的漂亮的个人简历
weixin_33811539的博客
03-18 4889
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>个人简历</title> </head> <body> <head><style> html,...
html通过table制作简历
千寻的博客
09-18 958
个人简历 个人简历 姓名 性别 年龄 ...
Excel-电子表格练习题及答案优质资料.doc
11-30
《Excel-电子表格练习题及答案优质资料.doc》是一份包含了丰富内容的Excel练习题及答案的优质资料。该文档中包含了大量关于Excel 2021的题目，涵盖了多个知识点和操作技巧。在这份资料中，学习者可以通过判断题、...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值