用HTML和CSS简单语法写的一个简历Demo

最新推荐文章于 2024-07-23 09:37:50 发布

HesseSummer

最新推荐文章于 2024-07-23 09:37:50 发布

阅读量7.1k

点赞数 3

分类专栏：练习记录文章标签： HTML5/CSS 练习记录

本文链接：https://blog.csdn.net/bgzclxqq/article/details/81150210

版权

博主完成了学堂在线Web课程的HTML和CSS基础学习，以校长的百科词条为内容，制作了一个简历Demo作为第二章作业。博客分享了HTML和CSS代码，展示了简历Demo的最终效果。

摘要由CSDN通过智能技术生成

学完了学堂在线Web攻城狮课程的前两章节（HTML和CSS基础）。完成了第二章布置的作业——利用学过的知识制作一个简历Demo。

我...拿校长的百科词条做简历了，不知道有没有侵权......现在发布出来了...侵权删。

很无聊的一篇博客，只是记录出来而已。

效果图是这样的：

标题

HTML代码是这样子的：

<!DOCTYPE html>
<html>
    <head>
            <meta charset="UTF-8">
            <script type="text/javascript" src="http://cdn.webfont.youziku.com/wwwroot/js/wf/youziku.api.min.js"></script> <script type="text/javascript"> $youziku.load("body", "e87037d386e3439ead6d06fa7af17a78", "TSSunOld"); /*$youziku.load("#id1,.class1,h1", "e87037d386e3439ead6d06fa7af17a78", "TSSunOld");*/ /*．．．*/ $youziku.draw(); </script>
            <link rel="stylesheet" type="text/css" href="Resume.css">
    </head>
    
    <body>
    <div id="BODY">
        <header>人物简历——邓秀新</header>
            <nav>
                <ul>
                    <li><a href="#Brief">人物简介</a></li>
                    <li><a href="#Experience">人物履历</a></li>
                    <li><a href="#Part-time">学术兼职</a></li>
                    <li><a href="#Honor">获得荣誉</a></li>
                    <li><a href="#Contribution">主要贡献</a></li>
                    <li><a href="#Contact">联系我们</a></li>
                </ul>
            </nav>
        <article>