网页规划与设计HTML5+CSS大作业——响应式个人简历介绍(5页)-模板下载

优质内容贡献

已于 2022-06-09 12:56:34 修改

阅读量218

点赞数

分类专栏： HTML5期末大作业 html网页设计作业学生div+css静态网页设计成品文章标签： css html5 html css3 个人

于 2022-01-12 11:20:06 首次发布

本文链接：https://blog.csdn.net/qq_524614081/article/details/122407281

版权

这是一个HTML5和CSS3实现的响应式个人简历模板，包含5页设计。适用于网页设计作业，提供源码下载，展示、文件目录、代码实现及获取更多资源的方法。关注作者可获取更多相关源码。

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

HTML5+CSS大作业——响应式个人简历介绍(5页)-模板下载

常见网页设计作业题材有 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>XXX的个人简历</title>
    <meta name="theme-color" content="#ffc91d"/>
    <link rel="icon" href="picture/avatar.jpg" sizes="32x32"/>
    <link rel="icon" href="picture/avatar.jpg" sizes="192x192"/>
    <link href="css/kico.css" rel="stylesheet" type="text/css"/>
    <link href="css/moreduo.css" rel="stylesheet" type="text/css"/>
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1"/>
</head>
<body>
<aside class="sidebar">
    <div class="avatar">
        <img src="picture/avatar.jpg" title="保罗酱"/>
    </div>
    <nav class="nav">
        <a href="#info">资料</a>
        <a href="#skills">技能</a>
        <a href="#works">作品</a>
        <a href="#story">经历</a>
        <a href="#team">团队</a>
    </nav>
</aside>
<main>
    <section id="info">
        <div class="wrap">
            <h2 class="title">个人资料</h2>
            <div class="row">
                <div class="col-l-4">
                    <p>姓名：XXX</p