用html和css制作简历

于 2024-09-22 10:07:23 发布
阅读量653 收藏 1
点赞数 8
文章标签： html css javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_77031350/article/details/142432284
版权

为完成作业自学了一下CSS和HTML，学习时间较短，才艺不精。

作业题：

使用各类标签制作一个静态页面，使其效果如下：

 代码如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .biaoge {
        border: 1px solid black;
        text-align: left;
        background-color: white;

    }


    .ziti {
        font-size: 16px;
    }

    .zitifangsongsanhao {
        font-family: 仿宋;
        font-size: 16px;
    }

    .juzhong {
        text-align: center;
    }

    .hengxian {
        border-bottom: 1px solid black;
        width: 70%;
        height: 1px;
    }

    .suojin {
        text-indent: 2em;
    }



    img {
        width: 100px;
        height: 100px;
    }
</style>

<body>
    <table class="biaoge">
        <thread>
            <tr>
                <th class="ziti juzhong">个人简历</th>
            </tr>
        </thread>
        <tbody>
            <tr>
                <td class="juzhong">Wjj@qq.com</td>
            </tr>
            <tr>
                <td <div class="zitifangsongsanhao">王大帅</div>,男，1988年出生于广东省广州市 <img
                        src="images/056dd17dd0506591d04525f015765ab749e9f9f19dcaf6e0dcae5d77057d2392-15@3x.png"></td>
            </tr>
            <tr>
                <td class="hengxian"></td>
            </tr>
            <tr>
                <td></td>
            </tr>
            <tr>
                <td>教育背景</td>
            </tr>
            <tr>
                <td class="hengxian"></td>
            </tr>
            <tr>
                <td>2010年本科毕业于<a href="https://www.sysu.edu.cn/" target="_blank">中山大学</a>，语言学</td>
            </tr>
            <tr>
                <td>2011年硕士毕业于<a href="https://www.sysu.edu.cn/" target="_blank">中山大学</a>，历史学</td>
            </tr>
            <tr>
                <td></td>
            </tr>
            <tr>
                <td>专业能力</td>
            </tr>
            <tr>
                <td class="hengxian"></td>
            </tr>
            <tr>
                <td>1.语言能力</td>
            </tr>
            <tr>
                <td>
                    <ul>
                        <li>具有较强的英语听说读写能力。</li>
                        <li>CET-4:合格，CET-总分428</li>
                        <li>普通话流利</li>
                        <li>具有较强语言表达能力</li>
                    </ul>
                </td>
            </tr>
            <tr>
                <td>2.计算机能力</td>
            </tr>
            <tr>
                <td>
                    <ul>
                        <li>通过四川省计算机等级考试1级</li>
                        <li>熟悉Excel, PowerPoint等Office软件</li>
                    </ul>
                </td>
            </tr>
            <tr>
                <td>3.主修课程</td>
            </tr>
            <tr>
                <td class="suojin">现代汉语，法律基础，主要英语国家社会与文化，高级语言程序设计，日语，教育学， 教育心理学，英美文学史，英美文学阅读，英语教学法，高级英语，英语语言学</td>
            </tr>
            <tr>
                <td>
                    <table class="biaoge" border="1" cellpadding="0" cellspacing="0" width="99%" height="120">
                        <thread>
                            <tr>
                                <td class="juzhong">课程</td>
                                <td class="juzhong">成绩</td>
                            </tr>
                        </thread>
                        <tbody>
                            <tr>
                                <td>现代汉语</td>
                                <td>95</td>
                            </tr>
                            <tr>
                                <td>法律基础</td>
                                <td>90</td>
                            </tr>
                        </tbody>

                    </table>
                </td>
            </tr>

            <tr>
                <td></td>
            </tr>
            <tr>
                <td>个人评价</td>
            </tr>
            <tr>
                <td class="hengxian"></td>
            </tr>
            <tr>
                <td>我相信“选择一家企业，就是选择一种生活”，我非常喜欢贵公司的“生活”，诚心希望能给我个一展所长的机会！</td>
            </tr>
            <tr>
                <td></td>
            </tr>

        </tbody>


    </table>

</body>

</html>

成果展示：

靠北.
关注
HTML5+CSS大作业——IT技术个人简历(1页)
11-30 857
HTML5+CSS大作业——IT技术个人简历(1页) 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 获取更多源码 PC电脑端关注我们 ????作者主页-更多源码 ????HTM
HTML+CSS个人简历
qq_62760217的博客
10-19 2637
通过使用html标签和css建立个人简历表
html+css+flex布局制作个人简历
qq_47828130的博客
03-11 3367
知识点： HTML,CSS,Flex弹性布局。 重点： Flex弹性布局，sticky定位。 目录： 图片自备 源码 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewp
个人简历html+css网页
11-06
主要是个人简历的网站网页前端，自己亲手写的，页面炫酷
个人简历（html+css）
yun_oyun的博客
12-04 1733
一、HTML <!DOCTYPE html> <html lang="zh-CH"> <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"> &lt
用html css做的个人简历
06-20
用html css做的个人简历适合初学者借鉴，可用于完成作业。
HTML+CSS制作个人简历web网页.zip
12-10
HTML+CSS制作个人简历web网页.zipWeb前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历。 HTML+CSS制作个人简历web网页.zipWeb前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历。 HTML+CSS制作...
Web前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历.zip
05-09
Web前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历 Web前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历 Web前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历 Web前端静态...
使用HTML和CSS制作简历的实用指南
综上所述，从标题“CV-using-HTML-CSS”和描述中，我们可以看出这涉及到了使用HTML和CSS开发个人简历的各个方面。这些知识点不仅包括基础的HTML和CSS语法和特性，还包括了在网页开发中的实际应用，例如简历设计、...
Curriculo:我使用 HTML5 和 CSS3 制作的个人简历
08-04
【HTML5与CSS3在个人简历制作中的应用】 在当今的数字时代，一个吸引人的、交互式的个人简历能让你在求职市场中脱颖而出。本课程聚焦于如何利用HTML5和CSS3这两种强大的技术来创建专业且具有视觉吸引力的个人简历。...
HTML+CSS实现个人简历
flyailin的博客
10-18 1万+
刚学联手的
个人简历模板——HTML样式配以css和自己的照片
06-01
找工作在即，看到同学都是从网上荡的word简历，比较单一，所以想自己做一个个性点的简历。做得laji，希望大家包涵.就是个HTML的简单简历。配上CSS样式。里面在加上音乐。自己的照片等等。
DIV+css做出的简历
03-17
DIV+CSS做出的很好看的简历模板，希望对大家有帮助。可以拿来借鉴一下~！
使用HTML+CSS设计个人简历
热门推荐
Bennettgxd的博客
07-26 1万+
使用HTML+CSS设计个人简历效果展示代码实现 效果展示 代码实现 resume.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简历</title> <link href="../css/resume-css.css" rel="stylesheet" type="text/css"> <
用html+css写一下个人简历
weixin_30509393的博客
10-21 3477
今天练习一下页面布局，就用自己的个人简历来练手。下面是html部分： 1 <body> 2 <div class="content"> 3 <div class="head"> 4 <h1>web前端业务个人简历</h1> 5 <...
简单的HTML5个人简历
zssssjdhdh的博客
07-18 8126
话不多说，直接上代码 个人简历 </head> <body> <h1 align="center">个人简历表</h1> <form action="" method=""> <div style="margin-left: 60%;"> 填表时间：&nbsp;&nbsp;&am...
html+css个人简历/网页界面
A485320的博客
08-04 9824
代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>个人简历</title> <link rel="stylesheet" href="css/li.css" /> </head> <body> <div class="q"> <!--第一部分--> &lt
用html和CSS做个人简历
zsyabcd的博客
05-15 7206
很多刚学web的同学第一个项目应该都是做一个个人简历，这个是查了多方资料的刚刚写出来的一个简历，所以可能会参考网上的一些代码，兄弟们拿去复制就可以。里面有的注释可能不太对劲，不要太在意，毕竟我也是一个刚学一周的小菜鸟。也希望大佬们多来指正。 ​ <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de
html/css做一个简单的个人简历
jiang12138的博客
08-31 1万+
今天闲着无聊做了个简单的小demo，做完了之后还是很无聊，就简单整理了下，写下了这篇文章。 话不多说，按照惯例先放效果图 上面是移动端的效果图，pc端布局一样，只是某些元素的大小略有不同 响应式主要是依靠媒体查询和vw，vh单位实现的 head标签里的代码如下 个人简历 还是简单介绍一下vw，vh单位吧，vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。但是它相对的不是父节点或者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值