404 not found,是HTTP对网页错误情况返回的一种状态码


目录

一、前言

二、往期作品回顾

三、作品介绍

四、本期代码介绍

五、效果显示

六、编码实现

index.html

style.css

七、获取源码

公众号获取源码

获取源码?私信?关注?点赞?收藏?


一、前言

在我们的 html 学习过程中,会用到并见识到各种各样的实例,以及各种插件,并且有些 web 网页中的小插件又非常的吸引眼球,提升 web 网页的层次,显得非常好看并且非常使用。在本系列中,我将持续为大家更新有趣且使用的 html 实例,放在 web 网页中,凸显效果。

特点一:都是符合学校或者学生考试期末作业的水平,都是最基础的简单的 html 样例,提升web网页整理效果,都是 div+css 框架原创代码写的,内容包括 js / css,也包含视频+音乐+flash 等元素的插入…

特点二:内容包括多种丰富类型,例如:倒计时,404页面,Blog顶置卡片设计 (css+js),To-Do-List设计 (css+js),火柴盒动画 (css),日历便签设计 (css+js),搜索框设计 (css+js),卡片式图片展示 (css+js),咖啡选择 (css+js)……

可满足多种需求,欢迎大家下载!


二、往期作品回顾

有趣的HTML实例(一) 倒计时_Enovo_飞鱼的博客-CSDN博客


三、作品介绍

1.作品简介:HTML响应式布局网站源码!兼容 pc 以及移动端,内涵 js 交互,ui 交互。直接点击即可查看效果!

2.作品编辑:个人主页网页设计题材,代码为 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、Vscode 、Sublime 所有编辑器均可使用)。

3.作品技术:使用DIV+CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。


四、本期代码介绍

一款简单的 HTML+CSS 原生 404页面实例

1、HTML

2、CSS

3、舒适的画面感,科技感,代码效果

4、屏幕闪动

可通用多种不同情景,进行网页跳转,可塑性很高


五、效果显示

可使用在页面出现问题时,自动进行页面跳转——>

可以在此基础上,添加音乐,等多种不同风格特效,也可直接引用


六、编码实现


显示完整代码

注意路径(⊙o⊙)?

o(* ̄▽ ̄*)ブ

index.html

404页面
 <!DOCTYPE html><html><style> * {everything:awesome;} </style> <body> ERROR 404!FILE NOT FOUND!<!--The file you are looking for, is not where you think it is.-->  

</body>
</html>

style.css

@import url(https://fonts.googleapis.com/css" />七、获取源码

老规矩,先给朋友们看一下完整文件夹,

正确的文件如下图 ,复制源码的朋友们请注意了!!!

公众号获取源码

第一步,通过微信公众号下载源码压缩包,解压并打开文件夹,即为上图样式(复制源码请注意路径及文件名)

第二步,点击 html 文件 打开即可查看


2023年第十期,希望得到大家的喜欢‍

也是新的系列,将会持续更新,‍

希望大家有好的意见或者建议,欢迎私信


以上就是本篇文章的全部内容了

~ 关注我,点赞博文~ 每天带你涨知识!

1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

2.关注我 ~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、HTML模板 、C++、数据结构、Python程序设计、Java程序设计、爬虫等!「在这里有好多 开发者,一起探讨 前端 开发知识,互相学习」!

3.以上内容技术相关问题可以相互学习,可 关 注 ↓公 Z 号 获取更多源码 !

获取源码?私信?关注?点赞?收藏?

+✏️+⭐️+‍

有需要源码的小伙伴可以 关注下方微信公众号 " Enovo开发工厂 ",回复 关键词 " a-404ym"