学生网页设计与制作成品 HTML5+CSS大作业——黑色主题个人博客(5页) 网页设计期末作业个人主页-程序员宅基地

技术标签： css html5 作业 html网页设计作业 html web大学生个人网站作业模 css3 学生DW网页设计作业成品

HTML5+CSS大作业——黑色主题个人博客(5页) 网页设计期末作业个人主页

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

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>黑色Html5响应式个人博客模板——主题《如影随形》</title>
<meta name="keywords" content="个人博客模板,博客模板,响应式" />
<meta name="description" content="如影随形主题的个人博客模板，神秘、俏皮。" />
<link href="css/base.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<link href="css/media.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<div class="ibody">
  <header>
    <h1>如影随形</h1>
    <h2>影子是一个会撒谎的精灵，它在虚空中流浪和等待被发现之间;在存在与不存在之间....</h2>
    <div class="logo"><a href="/"></a></div>
    <nav id="topnav"><a href="index.html">首页</a><a href="about.html">关于我</a><a href="newlist.html">慢生活</a><a href="share.html">模板分享</a><a href="new.html">模板主题</a></nav>
  </header>
  <article>
    <div class="banner">
      <ul class="texts">
        <p>The best life is use of willing attitude, a happy-go-lucky life. </p>
        <p>最好的生活是用心甘情愿的态度，过随遇而安的生活。</p>
      </ul>
    </div>
    <div class="bloglist">
      <h2>
        <p><span>推荐</span>文章</p>
      </h2>
      <div class="blogs">
        <h3><a href="/">犯错了怎么办？</a></h3>
        <figure><img src="images/01.jpg" ></figure

本文链接：https://blog.csdn.net/m1_46321522/article/details/122311438

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

创建异形窗口[3]-程序员宅基地

文章浏览阅读81次。为什么80%的码农都做不了架构师？>>> ..._gtk3 异形窗口

C语言：验证下列矩阵是否为魔方阵。魔方阵是每一行、每一列、主副对角线上的元素之和都是相等的矩阵。-程序员宅基地

文章浏览阅读2.6k次。#include <stdio.h>#include <string.h>#include <string.h>int main(void){ int a[5][5] = {17,24,1,8,15, 23,5,7,14,16, 4,6,13,20,22, 10,12,19,21,3, 11,18,25._验证下列矩阵是否为魔方阵。魔方阵是每一行、每一列、主副对角线上的元素之和都是

Django疫情返乡人员管理系统-11411，计算机毕业设计开题选题+程序定制+论文书写+答辩ppt书写-原创（题目+编号）的定制程序-程序员宅基地

文章浏览阅读51次。免费领取项目源码，请关注赞收藏并私信博主，谢谢-本课题研究的疫情返乡人员管理系统，主要功能模块包括：防疫须知、疫情用品、返乡报备、用户反馈管理等，主要是主要采取Mysql作为后台数据的主要存储单元，运用软件工程原理和开发方法，采用Python的Django技术构建的，实现了系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。

oracle序列中cache和nocache-程序员宅基地

文章浏览阅读1.1k次。首先我这篇博客的内容是我不知道oracle里的 cache 是什么，结果越查越多。。。“序列的cache通常为 20，但在需要依据序列值判断创建的先后顺序时必须是 NOCACHE”，关于这句话，是公司的数据库规范里提到的一句话，但是我感觉nocache会导致的问题好像还不少，所以我很纠结，但是除了根据序列值判断创建的先后顺序外，还有其他的靠谱的方式来判断先后顺序吗？难道入库时间不可以吗..._数据库中的nocache是什么意思

C语言那些事之字符串操作_c语言编辑多行源代码中的字符串-程序员宅基地

文章浏览阅读193次。一、字符串多行书写有时为了书写阅读方便，需要将一大串的字符串写成多行举例源码 MyUart_Printf("moduleConfigParams=>\r\n"\ "\tuartBaudrate:%s\r\n"\ "\tuartStopbit:%s\r\n"\ "\tparityType:%s\r\n"\ "\trfC..._c语言编辑多行源代码中的字符串

随便推点

沉云架路，边缘先锋—中国联通5G边缘先锋团队2020年交付纪实-程序员宅基地

文章浏览阅读956次。前言 2020年5G MEC由探索走向商用，作为运营商中部署MEC的先行者，中国联通实现了MEC从示范项目到商业化落地的转变，全国MEC节点建设已初具规模，云网一体化转型效果显著。..._成立5g虚拟支撑团队

Web性能优化：图片优化-程序员宅基地

文章浏览阅读71次。HTTP Archieve有个统计，图片内容已经占到了互联网内容总量的62%，也就是说超过一半的流量和时间都用来下载图片。从性能优化的角度看，图片也绝对是优化的热点和重点之一，Google PageSpeed或者Yahoo的14条性能优化规则无不把图片优化作为重要的优化手段，本文覆盖了Web图片优化的方方面面，从基本的图片格式选择、到尚未被广泛支持的响应式图片均有所提及。Google Web ..._jpegoptim optipng pngquant gifsicle

openGauss 向量化引擎-程序员宅基地

文章浏览阅读249次，点赞4次，收藏4次。openGauss提供向量化引擎，通常用在OLAP数据仓库类系统。主要是因为分析型系统通常是数据处理密集型，基本上都是采用顺序方式来访问表中大部分的数据，然后再进行计算，最后将计算结果输出给用户。

云锁linux宝塔安装,【最新版】宝塔面板下为Nginx自编译云锁Web防护模块教程-程序员宅基地

文章浏览阅读639次。相信很多站长在使用宝塔面板的同时也会安装云锁用于加固服务器安全性，不过有时因为Nginx版本过高等问题导致安装云锁时无法自动安装Web防护模块，所以还需要我们在Linux系统下额外将云锁Web防护模块编译进Nginx才可以。之前也转载过一篇一、上传云锁Web防护模块压缩包并解压Ps：其实宝塔添加模块功能里可以通过配置shell脚本实现这些前置准备，但我还是喜欢用手动的方式上传，这样使步骤看起来更直..._宝塔云锁自编译测试

Android 笔记：Error:A problem occurred configuring project ':app'.-程序员宅基地

文章浏览阅读8.4k次。原文作者：雪飘碧鸳在github上导入项目，或其他地方导入Android Studio，出现Error:A problem occurred configuring project ‘:app’.的错误。其实这种错误有很多种原因，需要对每种情况进行不同的处理才行，这里说的一种情况是JNI的情况，即该项目使用到C/C++库，此时需要引入NDK才行，先看下错误提示Gradle ‘trunk’ ..._error:a problem occurred configuring project ':app'.

dataframe的groupby,agg,unstack应用_group by unstack-程序员宅基地

文章浏览阅读603次。groupby一个索引的比较简单，这里主要讲两个索引的:这里先设dataframe为下图然后根据第0列和第1列来进行分组,再对第二列进行数量统计，这里用了nunique函数来进行数量统计上图中最上面的2表示是根据原表的第3列即序号2的那一列使用的agg函数得到的结果。unstack是把一维表转换成二维表，即把(0,1)这对分组条件分别写成表的行列索引，一一对应agg函数得到的结果，如下图:stack是把二维表转换成一维表，类似花括号形式(就像是思维导图一层一层括出去)，第一列写上原本的行索引_group by unstack