web结课作业的源码 HTML5+CSS大作业——个人博客-功能齐全(48页) html大学生网站开发实践作业

最新推荐文章于 2024-07-17 15:26:15 发布

优质内容贡献

最新推荐文章于 2024-07-17 15:26:15 发布

阅读量564

点赞数

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

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

版权

HTML5+CSS大作业——个人博客-功能齐全(48页) html大学生网站开发实践作业

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

文章目录

HTML5+CSS大作业——个人博客-功能齐全(48页) html大学生网站开发实践作业
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码
五、学习资料
六、更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Mr.郭/QQ:1007694939">
    <title>一个可怕的现象愈演愈烈：穷人家的“富二代”越来越多_晓峰博客 | 一个对web前端开发有着浓厚兴趣的90后站长 | 一个对web前端开发有着浓厚兴趣的90后站长网</title>
    <meta name="keywords" content="晓峰">
    <meta name="description" content="今天的父母，总想着把最好的条件给孩子，这其实是在害孩子。成长过程中，物质越充裕，精神越疲敝；精神疲敝时，创造物质的脚步自然会停歇。反之，给孩子真实的成长，让孩子懂得困难与艰辛，教孩子珍惜馈赠与财富，引导孩子依靠勤奋和努力，才是对孩子最深邃的馈赠。">
    <!--引入Font Awesome字体库样式表-->
    <link rel="stylesheet" href="static/css/font-awesome.min.css">
    <!--引入guojian.min.css组件样式表-->
    <link rel="stylesheet" href="static/css/guojian.min.css">
    <!--引入style.css自定义样式表-->
    <link rel="stylesheet" href="static/css/style.css">
    <!--引入jquery.min.js组件脚本-->
    <script src="static/js/jquery-1.12.4.min.js" type="text/javascript"></script>
    <style type="text/css">
        body {
    background-image:none;}
		.gj-content .gj-cont pre, .gj-zp-cont .gj-cont pre {
    padding: 10px;background-color: #f5f5f5;border-radius: 5px;}
	</style>
</head>

<body>

    <!--GJ-UI组件模块html代码开始-->
    <nav class="gj-nav1 gcl-yh">
        <!--响应式导航栏-->
        <div class="gnav gclear">
            <div class="gj-logo gj-left">
                <a href="index.html" title="晓峰博客" style="color:#fff;font-size:30px;letter-spacing: 2px;margin: 4px 0;">晓峰博客</a>
            </div>
            <i class="gbar fa fa-bars" aria-hidden="true"></i>
            <ul class="gnav-ul gj-right">
            <li><a href="index.html"><i class="fa fa-home" aria-hidden="true"></i> 首页</a></li>
														 <li>
				 <a href="index1.html">知识干货</a>
				 				 </li>
											 <li>
				 <a href="index2.html">我的作品</a>
				 				 </li>
											 <li class="gxz">
				 <a href="index3.html">谈天说地</a>
				 				 </li>
											 <li>
				 <a href="index4.html">心情说说</a>
				 				 </li>
				
        </ul>
        </div>
    </nav>    <div class="gcont">
        <div class="row">
           <div class="gj-lg-12">
                <div class="gj-head">
                    <div class="gj-cont">
                        <img src="static/picture/touxiang.jpg" alt="">
                        <h4>Mr.郭 <i class="fa fa-vimeo-square" aria-hidden="true"></i></h4>
                        <p>一个对“web前端”和“互联网创业”有着浓厚兴趣的90后草根站长！</p>
                    </div>
                </div>
            </div>
            <div class="gj-lg-8">

                <div class="gj-wk gcl-hb">
                    <!--内容页模块-->
                    <nav class="gj-ljdh">
                        <i class="fa fa-home" aria-hidden="true"></i>
                        <a href="index.html">首页</a> &gt; <a href="index3.html" title="谈天说地">谈天说地</a>                    </nav>
                    <div class="gj-body gj-content">
                        <div class="gj-title">
                            <h3>一个可怕的现象愈演愈烈：穷人家的“富二代”越来越多</h3>
                            <span>发布时间：2019-06-08 20:29:41</span>
                            <a href="javascript:;" target="_blank">已收录</a>
                            <span class="hidden-xs">作者：青榄君</span>
                            <span>阅读：1412次</span>
                            <div class="gjcont-fx bdsharebuttonbox hidd-xs">
                                <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                                <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
                                <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                                <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                                <a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
                                <a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a>
                                <a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a>
                                <a href="#" class="bds_meilishuo" data-cmd="meilishuo" title="分享到美丽说"></a>
                                <a href="#" class="bds_mogujie" data-cmd="mogujie" title="分享到蘑菇街"></a>
                                <a href="#" class="bds_huaban" data-cmd="huaban" title="分享到花瓣"></a>
                                <a href="#" class="bds_youdao" data-cmd="youdao" title="分享到有道云笔记"></a>
                                <a href="#" class="bds_ty" data-cmd="ty" title="分享到天涯社区"></a>
                                <a href="#" class="bds_isohu" data-cmd="isohu" title="分享到我的搜狐"></a>
                                <a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a>
                                <a href="#" class="bds_linkedin" data-cmd="linkedin" title="分享到linkedin"></a>
                                <a href="#" class="bds_print" data-cmd="print" title="分享到打印"></a>
                                <a href="#" class="bds_copy" data-cmd="copy" title="分享到复制网址"></a>
                            </div>
                            <script>
                                window._bd_share_config = {
    
                                    "common": {
    
                                        "bdSnsKey": {
    },
                                        "bdText": "",
                                        "bdMini": "2",
                                        "bdMiniList": false,
                                        "bdPic": "",
                                        "bdStyle": "0",

最低0.47元/天解锁文章

优质内容贡献

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web结课作业的源码 HTML5+CSS大作业——个人博客-功能齐全(48页) html大学生网站开发实践作业

HTML5+CSS大作业——个人博客-功能齐全(48页) html大学生网站开发实践作业常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!文章目录HTML5+CSS大作业——个人
复制链接

扫一扫