【Web应用技术基础】HTML(5)——案例1:展示简历信息

样式:

代码:

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>展示简历信息</title>
</head>
<body>
    <h1>小花</h1>
    <div>
        <h2>基本信息</h2>
        <img src="./girl.jpeg" alt="图片显示失败" width="10%">
        <p><span>求职意向:</span>开发工程师</p>
        <p><span>电话:</span>xxx-xxx-xxxx</p>
        <p><span>邮箱:</span>xxx@forxemail.com</p>
        <p><span>博客:</span><a href="#">xxx//csdn.com</a></p>
    </div>  
     
    <div>
        <h2>教育背景</h2>
        <ul>
            <li>2000-2003:xx幼儿园</li>
            <li>2003-2009:xx小学</li>
            <li>2009-2012:xx初中</li>
            <li>2012-2015:xx高中</li>
            <li>2015-2019:xx大学 本科</li>
        </ul>
    </div>
    <div>
        <h2>专业技能</h2>
        <ul>
            <li>熟练掌握开发技能,语法扎实</li>
            <li>熟练应用数据结构</li>
            <li>了解计算机网络理论</li>
            <li>力扣已刷800题</li>
        </ul>
    </div>
    <div>
        <h2>我的项目</h2>
        <h3>留言墙</h3>
        <p>开发时间:2015.9-2016.6</p>
        <p>功能介绍:
            <il>
                <li>支持匿名留言</li>
                <li>支持留言发布</li>
            </il>
        </p>
    </div>
    <div>
        <h2>个人评价</h2>
        <p>抗压,乐观,能接受加班文化</p>
    </div>
</body>
</html>
相关推荐
澄江静如练_7 分钟前
列表渲染(v-for)
前端·javascript·vue.js
JustHappy39 分钟前
「chrome extensions🛠️」我写了一个超级简单的浏览器插件Vue开发模板
前端·javascript·github
Loo国昌40 分钟前
Vue 3 前端工程化:架构、核心原理与生产实践
前端·vue.js·架构
sg_knight43 分钟前
拥抱未来:ECMAScript Modules (ESM) 深度解析
开发语言·前端·javascript·vue·ecmascript·web·esm
LYFlied44 分钟前
【每日算法】LeetCode 17. 电话号码的字母组合
前端·算法·leetcode·面试·职场和发展
开发者小天44 分钟前
react中useEffect的用法,以及订阅模式的原理
前端·react.js·前端框架
前端白袍1 小时前
Vue:如何实现一个具有复制功能的文字按钮?
前端·javascript·vue.js
new code Boy2 小时前
escape谨慎使用
前端·javascript·vue.js
叠叠乐2 小时前
robot_state_publisher 参数
java·前端·算法