html入门之简历制作

最新推荐文章于 2024-07-21 18:28:48 发布
最新推荐文章于 2024-07-21 18:28:48 发布
阅读量144 收藏
点赞数
分类专栏： Web开发 文章标签： html web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/donger__chen/article/details/110124654
版权 

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        #form1 {
            width:800px;
            height:1000px;
            background-color:skyblue;
            margin: 0 auto;
        }
        #zeropart{
            width:800px;
            height:180px;
            background-color:aqua;
            font-size:50px;
            text-align:center;
            display: table-cell;
            vertical-align:middle;
        }
        #firstpart{
            width:85%;
            height:143px;
            background-color:yellow;
            font-size:50px;
            text-align:center;
        }
        #secondpart{
            width:100%;
            height:35px;
            background-color:yellow;
            font-size:50px;
            text-align:center;
        }
        #thirdpart{
            width:100%;
            height:640px;
            background-color:greenyellow;
            font-size:50px;
            text-align:center;
        }
        .basic{
            float:left;
        }
        .basic_info{
            font-size:20px;
            text-align:center;
            width:19.3%;
            height:32px;
            display: table-cell;
            vertical-align:middle;
            border:1px solid red;
            font-weight:bold;
        }
        .basic_info_value{
            font-size:20px;
            text-align:center;
            width:30%;
            height:32px;
            display: table-cell;
            vertical-align:middle;
            border:1px solid red;
        }
        .single_info{
            font-size:20px;
            text-align:center;
            width:19.3%;
            height:32px;
            display: table-cell;
            vertical-align:middle;
            border:1px solid red;
            font-weight:bold;
        }
        .single_info_value{
            font-size:20px;
            text-align:center;
            width:80%;
            height:32px;
            display: table-cell;
            vertical-align:middle;
            border:1px solid red;
        }
        .single_info_h{
            font-size:20px;
            text-align:center;
            width:19.3%;
            height:160px;
            display: table-cell;
            vertical-align:middle;
            border:1px solid red;
            font-weight:bold;
        }
        .single_info_value_h{
            font-size:20px;
            text-align:center;
            width:80%;
            height:160px;
            display: table-cell;
            vertical-align:middle;
            border:1px solid red;
        }

        .single_info_hh{
            font-size:20px;
            text-align:center;
            width:19.3%;
            height:210px;
            display: table-cell;
            vertical-align:middle;
            border:1px solid red;
            font-weight:bold;
        }
        .single_info_value_hh{
            font-size:20px;
            text-align:center;
            width:80%;
            height:210px;
            display: table-cell;
            vertical-align:middle;
            border:1px solid red;
        }

    </style>
</head>
<body>
    
    <form id="form1" runat="server">
        <div id="zeropart">
            Resume
        </div>
        <hr style="margin:0"/>
        <div style="background-color:pink;float:right;width:120px;height:143px;">picture</div>
        <div id="firstpart">
            
            <div id="firstline">
                <div class="basic basic_info" id="name">
                    name
                </div>
                <div class="basic basic_info_value" id="name_">
                    xiaoming
                </div>

                <div class="basic basic_info" id="gender">
                    gender
                </div>
                <div class="basic basic_info_value" id="gender_">
                    male
                </div>
           </div>
           <hr style="margin:0"/>
        <div id="secondline">
                <div class="basic basic_info" id="nation">
                    nation
                </div>
                <div class="basic basic_info_value" id="nation_">
                    han
                </div>

                <div class="basic basic_info" id="NativePlace">
                    nativeplace
                </div>
                <div class="basic basic_info_value" id="NativPlace_">
                    quanzhou
                </div>
            </div>
            <hr style="margin:0"/>
            <div id="thirdline">
                <div class="basic basic_info" id="birthday">
                    birthday
                </div>
                <div class="basic basic_info_value" id="birthday_">
                    1999.12.31
                </div>

                <div class="basic basic_info" id="MarryStatus">
                    MarryStatus
                </div>
                <div class="basic basic_info_value" id="MarryStatus_">
                    NO
                </div>
            </div>
            <hr style="margin:0"/>
            <div id="forthline">
                <div class="basic basic_info" id="education">
                    education
                </div>
                <div class="basic basic_info_value" id="education_">
                    phd
                </div>

                <div class="basic basic_info" id="height">
                    height
                </div>
                <div class="basic basic_info_value" id="height_">
                    180
                </div>
            </div>
         </div>
        <hr style="margin:0"/>
        <div id="secondpart">
            <div id="fifthline">
                <div class="basic basic_info" id="phone">
                    phone
                </div>
                <div class="basic basic_info_value" id="phone_">
                    18888888888
                </div>

                <div class="basic basic_info" id="email">
                    email
                </div>
                <div class="basic basic_info_value" id="email_">
                    xxxx@jhicc.com
                </div>
            </div>
        </div>
        <div id="thirdpart">
            <div id="sixthline">
                <div class="basic basic_info single_info" id="intention">
                    intention
                </div>
                <div class="basic basic_info_value single_info_value" id="intention_">
                    boss
                </div>
            </div>
            <div id="seventhline">
                <div class="basic basic_info single_info" id="skill">
                    skill
                </div>
                <div class="basic basic_info_value single_info_value" id="skill_">
                    sleep,eat
                </div>
            </div>
            <div id="eighthline">
                <div class="basic basic_info single_info" id="salary">
                    salary
                </div>
                <div class="basic basic_info_value single_info_value" id="salary_">
                    100,000RMB/month and  1,000,000RMBbonus/year
                </div>
            </div>    
            <div id="ninthline">
                <div class="basic basic_info single_info_h" id="education_experience">
                    education experience
                </div>
                <div class="basic basic_info_value single_info_value_h" id="education_experience_">
                    1990-1995  xxx <br />
                    1995-1998  xxx  <br />
                    1998-2001  xxx <br />
                    2001-2005  xxx <br />
                    2005-2007  xxx <br />
                </div>
            </div> 
            <div id="eleventhline">
                <div class="basic basic_info single_info_h" id="work_experience">
                    work experience
                </div>
                <div class="basic basic_info_value single_info_value_h" id="work_experience_">
                    2001-2005  boss     xxx <br />
                    2005-2009  worker   xxx  <br />
                    2009-2010  boss     xxx <br />
                    2010-2014  worker   xxx <br />
                    2014-2015  boss     xxx <br />
                    2015-2018  worker   xxx <br />
                    2018-2020  boss     xxx <br />
                </div>
            </div>  
            <div id="twelfthline">
                <div class="basic basic_info single_info_hh" id="project_experience">
                    project experience
                </div>
                <div class="basic basic_info_value single_info_value_hh" id="project_experience_">
                    2001-2005 xxx <br />
                              xxx  <br />
                              xxx <br />
                    2010-2014 xxx <br />
                              xxx <br />
                              xxx <br />
                              xxx <br />
                </div>
            </div> 
        </div>


    </form>
</body>
</html>
donger__chen
关注
专栏目录
HTML制作简历
qq_44652475的博客
04-27 150
HTML制作简历 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table bordercolor="green" border="1px" align="center"> <
html制作个人简历网页
existent
06-13 1万+
注: 支持二次开发,是我自己写的,因为全程都是调用网上的地址,所以没有任何其他的包需要导入和下载,一个html就可以了,但是希望大家仅做参考,毕竟每个人做出来的都是不一样的,只有你去做了,它才是你自己的 效果图 源码分享 <!DOCTYPE html> <html lang="en"> <head> <title>王宇东的个人简历</title> <meta charset="utf-8"> <meta nam
html简历制作
weixin_30500663的博客
07-23 131
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简历</title> </head> <body> <table border="1" style="width: 800px;margin: ...
基于HTML中的 table制作简历（表格）
最新发布
By_but的博客
07-21 1637
社会实践经历</td><td height="183px" rowspan="4">个 人简 历</td><td colspan="2" rowspan="3">照 片</td><td colspan="2">联系电话</td><td colspan="2">邮政编码</td><td colspan="2">特 长</td><td>姓 名
十分钟手把手教你学会用HTML制作一个静态学术简历
热门推荐
qq_54932411的博客
06-09 10万+
找到与我同名的项目gosling123456.gitHub.io，可以download下来，或者使用git命令下载，然后对其中的文件进行修改。一定要注意路径是相对路径，否则找不到你的文件。当然，如果你是老手，用绝对路径也是没问题的）（其实我的模板也是参见了温洋大神的模板，人现在在洛桑联邦理工,大家可以访问它的主页看看大神的项目）由于大佬们太想进步了，拿的奖越来越多， 简历也需要相应的调整。4.上传文件，可以参见我的另一篇博客，全是干货，没有套路。然后把刚刚下载修改的文件传到下载后的文件夹里。
html制作个人简历
qq_48617322的博客
07-21 756
使用html的表格元素制作个人简历
html利用表格制作个人简历
qq_43804570的博客
03-05 1956
html利用表格制作简历 1，代码展示 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>简历模板</title> </head> <body> <h2 align="center">个人简历</h2> <!-- 这是一个8列17行的表格改造的简历模板 制作表格需要用到的属性： b
HTML制作个人简历的简单实现
09-28
同时，简历制作还涉及到了一些基本的CSS（层叠样式表）知识，比如设置字体、颜色和布局，虽然在本例中并没有直接体现，但在实际开发中，这些样式通常会通过CSS来实现。 需要注意的是，上述代码片段中存在一些不规范...
【海码学院公开课】web前端基础入门HTML之表格table标签和制作个人简历课堂学习笔记
weixin_45282338的博客
06-22 324
一、带你认识HTMl中的表格 1、表格 表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 2、表格的基本结构 <table> <tr> <td></t...
《前端框架开发技术》HTML+CSS+JavaScript 制作个人简历模板
专注于dreamweaver网页设计制作
08-19 880
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
html网页制作——HTML5响应式个人简历网站模板 web前端网页制作课作业
12-14 2119
📂文章目录二、✍️网站描述三、📚网站介绍四、🌐网站演示五、🔧 网站代码🧱HTML结构代码💒CSS样式代码六、🥇 如何让学习不再盲目七、🎁更多干货 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【学习资料/简历模板/面试资料/ 网站设计与制作】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例】 # 一、👨‍🎓网站题目 🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。 二、✍️网站描述 ⭐个人网页设计网站模板采用DIV
极简HTML简历项目
Haxiaoxin1的博客
02-03 1096
极简纯HTML简历项目
【前端】HTML实现个人简历信息填写页面
2303_80341387的博客
05-06 3231
然后，我们可以看到”请应聘者确认“这几个字是加大加粗的效果，这个时候我们就需要借助于标题标签来实现这种效果。为了提高用户体验的质量，我们希望我们在鼠标点击姓名，此时光标能够自动选中文本框，这个效果我们可以使用。标签来实现，其次，这个表头信息的字体是加大加粗的，那么我们就可以使用标题标签来实现这样一个效果。这一行，我们发现姓名这一行占了两个单元格，姓名占了一个单元格，输入框占了一个单元格。首先页面最上方的“请填写简历信息”几个字就相当于是我们的表格中的表头信息。这一行，我们来实现一下这一行。
html制作好看的个人简历(附源码)
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
03-29 3万+
html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下，扩展更多其他效果。
用html制作一个简历
QwwwQxx的博客
03-20 8362
【代码】用html制作一个简历。
html创建简历
怪咖`Blog
06-21 3988
html创建简历
html自学网页制作,HTML入门学习教程:简单网页制作
05-22
学习HTML网页制作是一个好的开始，以下是一些入门HTML的资源和教程： 1. W3Schools HTML教程：这是一个非常受欢迎的网站，提供各种编程语言的在线教程。他们的HTML教程适合初学者，讲解了HTML的基础知识和常用标签...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值