HTML个人简历模板（可在线编辑内容）

最新推荐文章于 2024-03-11 14:49:04 发布
最新推荐文章于 2024-03-11 14:49:04 发布
阅读量1.2k 收藏 7
点赞数
分类专栏： HTML 文章标签： html javascript servlet
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49771248/article/details/128334667
版权

源代码如下：

<!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>简历</title>

    <style>

        table{border-collapse :collapse ;}

        th{

            width:100px;

              height:50px;

              border :1px solid rgb(30, 95, 200);

              font-size:20px;

              text-align: center;

        }

        td{

              width:100px;

              height:50px;

              border :1px solid rgb(44, 135, 205);

              font-size:20px;

              text-align: center;

            }

           

            textarea{

            width: 95%;

            height: 100%;

        }

           

    </style>

</head>

<body>

    <table align="center">

        <tr>

            <th colspan="8">查看个人简历</th>

        </tr>

        <tr>

            <th>姓名</th>

            <td><textarea></textarea></td>

            <th>年龄</th>

            <td><textarea></textarea></td>

            <th>民族</th>

            <td><textarea></textarea></td>

            <td colspan="2" rowspan="3"></td>

           

        </tr>

        <tr>

            <th>出生日期</th>

            <td><textarea></textarea></td>

            <th>政治面貌</th>

            <td><textarea></textarea></td>

            <th>学历</th>

            <td><textarea></textarea></td>

        </tr>

        <tr>

            <th>专业</th>

            <td><textarea></textarea></td>

            <th>毕业学校</th>

            <td><textarea></textarea></td>

            <th>邮编</th>

            <td><textarea></textarea></td>

        </tr>

        <tr>

            <th>爱好</th>

            <td><textarea></textarea></td>

            <th>籍贯</th>

            <td><textarea></textarea></td>

            <th>邮箱</th>

            <td colspan="3"><textarea></textarea></td>

           

        </tr>

        <tr>

            <th>个人特长</th>

            <td colspan="8"><textarea style="height: 150px;"></textarea></td>

        </tr>

        <tr>

            <th >自我介绍</th>

            <td  colspan="8"><textarea style="height: 150px;"></textarea></td>

        </tr>

    </table>

</html>

运行结果如图：

 

卷～～
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML学习实例---个人简介
weixin_45260464的博客
01-17 651
用表单实现个人简介 实现效果图： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>个人简介</title> <style> tabl
简约Bootstrap个人简历html模板
06-01
一款简约Bootstrap个人简历html模板_蓝色风格无刷新html5个人网站模板
小清新HTML5个人简历模板
12-13
小清新HTML5个人简历模板是一款支持手机端的创意个人网站HTML模板。
html5&css&js代码 010 个人简历模板一
明月看潮生的博客
03-11 684
这段HTML代码定义了一个个人简历的页面布局和样式。页面分为多个部分，包括基本信息、自我评价、工作经历、教育经历、软件产品及著作、未来研究方向等。每个部分都使用section标签包裹，并通过h2标签给出小标题。页面使用内联样式表定义了字体、颜色、背景色、边框、对齐方式等样式。
利用HTML简单语句来制作个人简历
Fug_Lee的博客
03-22 4024
HTML简单语句来实现个人简历
HTML制作简易个人简历（表单）
m0_49940462的博客
06-03 2万+
《个人简历》练习效果图如下：
用html制作一个简历
QwwwQxx的博客
03-20 7535
【代码】用html制作一个简历。
html制作好看的个人简历(附源码)
热门推荐
xcLeigh
03-29 3万+
html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下，扩展更多其他效果。
html创建简历
weixin_44375151的博客
06-21 2837
html创建简历
html制作个人简历
m0_64242574的博客
05-18 2万+
前几天我为大家介绍了些html的标签，利用这些标签咱们可以简单制作个简历，来巩固知识。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个人简历</title> </head> <body background="[email protected]">
HTML5+CSS——个人在线简历
qq_51608866的博客
07-10 4155
HTML个人简历
html表格之个人简历
qianqianyunyan的博客
07-18 1万+
html表格属性制作个人简历（简易版）
html制作好看的个人简历(源码)
03-29
html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下...
html5源码-前端开发个人简历模板-fullpage全屏滚动响应式.rar
最新发布
05-18
HTML5源码大放送：全屏滚动的前端开发个人简历模板 亲爱的求职者们， 在竞争激烈的职场中，一份独特且专业的个人简历是打开成功之门的钥匙。今天，我们为您带来了一款前沿的HTML5源码——前端开发个人简历模板，它...
个人创意简历(可分享的网页)-前端个人简历模板-响应式适配移动端.zip
03-18
介绍我们的前端个人简历模板 — 一个设计精美、功能全面的响应式网页简历，完美适配任何设备（包括移动端）。这不仅仅是一份简历，它是你个人品牌的展示窗，是你技术实力和创造力的证明。 特点： 完全可分享的网页...
个人创意简历(可分享的网页)-左右个人简历网页模板 Bootstrap-响应式适配移动端.zip
03-18
介绍我们的前端个人简历模板 — 一个设计精美、功能全面的响应式网页简历，完美适配任何设备（包括移动端）。这不仅仅是一份简历，它是你个人品牌的展示窗，是你技术实力和创造力的证明。 特点： 完全可分享的网页...
html代码实现简单的简历模板
weixin_47450039的博客
06-11 8734
用前端代码编写一个简单的简历模板 完整代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Biographical Notes</title> <style> /*div{*/ /* border:1px solid red;*/ /*...
使用html和css制作静态网页版的个人简历
wwwwwwwangdanni的博客
09-23 1万+
使用html和css制作静态网页版的个人简历以上就是我写的简单的网页个人简历内容。
个人简历模板html5
qq_20006765的博客
07-18 500
个人简历模板代码（html）
dw个人简历模板代码
05-24
以下是一个简单的个人简历模板代码，你可以根据需要进行修改和定制： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>My Resume</title> <style> body { font-family: Arial, sans-serif; } h1 { text-align: center; margin-top: 50px; } .section { margin-top: 30px; } .section h2 { margin-bottom: 10px; } .section ul { list-style: none; margin: 0; padding: 0; } .section ul li { margin-bottom: 10px; } .section ul li span { display: inline-block; width: 150px; font-weight: bold; } </style> </head> <body> <h1>My Resume</h1> <div class="section"> <h2>Personal Information</h2> <ul> <li><span>Name:</span> John Doe</li> <li><span>Email:</span> [email protected]</li> <li><span>Phone:</span> 123-456-7890</li> <li><span>Address:</span> 123 Main St, Anytown USA</li> </ul> </div> <div class="section"> <h2>Education</h2> <ul> <li><span>Degree:</span> Bachelor of Science in Computer Science</li> <li><span>University:</span> XYZ University</li> <li><span>Graduation Date:</span> May 2020</li> </ul> </div> <div class="section"> <h2>Work Experience</h2> <ul> <li><span>Company:</span> ABC Company</li> <li><span>Position:</span> Software Developer</li> <li><span>Duration:</span> June 2020 - Present</li> <li><span>Description:</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et quam rutrum, vestibulum odio eu, rhoncus lorem. Sed gravida, sapien ut tempor semper, nulla est facilisis arcu, eu consequat ex dolor ut urna. Maecenas tincidunt, augue eget bibendum mattis, ipsum sem tristique metus, non hendrerit nisi risus ac purus.</li> </ul> </div> <div class="section"> <h2>Skills</h2> <ul> <li>JavaScript</li> <li>HTML/CSS</li> <li>Python</li> <li>Java</li> <li>SQL</li> </ul> </div> </body> </html> ``` 这只是一个简单的 HTML 模板，你可以根据需要使用 CSS 进行美化和定制。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值