关于HTML 案例_个人简历展示01

发布于:2024-10-09 ⋅ 阅读:(47) ⋅ 点赞:(0)

案例效果展示

在这里插入图片描述

代码

<!DOCTYPE html>
<lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人简历信息</title>
</head>
    <h1>某某某</h1>
    <div>
        <h2>基本信息</h2>
        <img src="https://img0.baidu.com/it/u=2112986530,546273784&fm=253&fmt=auto&app=120&f=JPEG?w=888&h=500" width="300px" height="180px" alt="">
        <span><p>求职意向: Java开发工程师</p></span>
        <span><p>联系电话: xxx-xxx-xxxx</p></span>
        <span><p>邮箱: xxx@loxinmd.com</p></span>
        <span><p><a href="https://gitee.com/explore" target="_blank">我的github</a></p></span>
        <span><p><a href="https://blog.csdn.net/Dingyuan0?spm=1001.2101.3001.5343" target="_blank">我的博客</a></p></span>
    </div>

    <div>
        <h2>教育背景</h2>
        <table>
            <ol>
                <li>1990-1996 小葵花幼儿园 幼儿园</li>
                <li>1996-2002小爱花小学小学</li>
                <li>2002-2005小爱花中学初中</li>
                <li>2005-2008 小樊花中学 高中</li>
                <li>2008-2012 小装花大学 计算机专业 本科</li>
            </ol>
        </table>
    </div>
    <div>
        <h2>专业技能</h2>
        <table>
            <ul>
                <li>JAVA基础语法扎实, 已经刷了800LectCode道题</li>
                <li>常见数据结构都可以独立实现并熟续应用;</li>
                <li>熟知计算机网绝理论, 并且可以独立非查常见问题</li>
                <li>会数据开发能力, 独立了学习的配言功能</li>
            </ul>
        </table>
    </div>
    <div>
        <h2>我的项目</h2>
        <table>
            <ol>
                <li><h3>留言墙</h3></li>
                <p>开发时间: 2008年9月 到 2009年12月</p>
                <p>功能介绍:</p>
                <ul type="circle">
                    <li>支持留言发布</li>
                    <li>支持匿名留言</li>
                </ul>
                <li><h3>学习小助手</h3></li>
                <p>开发时间: 2008年9月 到 2009年12月</p>
                <p>功能介绍:</p>
                <ul type="circle">
                    <li>支持错题检索</li>
                    <li>支持同学探讨</li>
                </ul>
            </ol>
        </table>
    </div>
    <div>
        <h2>个人评价</h2>
        <span><p>在校期间,学习成绩优良,多次获得奖学金。</p></span>
    </div>
</body>
</html>