html简单个人网页制作 HTML5+CSS大作业——程序员个人简历设计(5页)

最新推荐文章于 2024-09-24 12:34:27 发布

优质内容贡献

最新推荐文章于 2024-09-24 12:34:27 发布

阅读量1.2w

点赞数 2

分类专栏： web大学生个人网站作业模 html网页设计作业学生div+css静态网页设计成品文章标签： css html html5 javascript 个人

本文链接：https://blog.youkuaiyun.com/qq_524614081/article/details/122407188

版权

这篇博客分享了一位程序员使用HTML5和CSS设计的个人简历网页，包括5页的内容。作品展示了详细的代码实现，并提供了获取更多源码的途径，适合网页设计初学者学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML5+CSS大作业——程序员个人简历设计(5页)

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

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


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

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>前端工程师简历</title>
    <meta name="description" content="本人英文名Baron，是一名前端工程师,对前端和编程技术非常热爱，做过很多技术方面的东西，对我有意向的公司和猎头可以QQ联系我或者给我发邮件，谢谢！">
    <meta name="keywords" content="Baron简历，前端工程师，求职前端，前端博客" />
    <meta name="author" content="Baron，个人博客:http://blog.youzewang.com">

    <!-- Favicons
    ================================================== -->

    <link rel="shortcut icon" href="img/favicon_jianli.ico" type="image/x-icon">


    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">

    <!-- Slider
    ================================================== -->
    <link href="css/owl.carousel.css" rel="stylesheet" media="screen">
    <link href="css/owl.theme.css" rel="stylesheet" media="screen">

    <!-- Stylesheet
    ================================================== -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">

    <link rel="stylesheet" type="text/css" href="fonts/sns_fonts/iconfont.css">


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
    <!-- Navigation -->
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top"><i class="fa fa-terminal"></i>前端工程师</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
                <ul class="nav navbar-nav">
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                    <li class="hidden">
                        <a href="#page-top"

最低0.47元/天解锁文章