首页 > 其他分享 >404页面html代码

404页面html代码

时间:2024-08-13 10:06:34浏览次数:12  
标签:container color html 404 font 页面

404页面html代码_百度搜索 (baidu.com)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 - 页面未找到</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin: 0;
            padding: 0;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .error-container {
            padding: 100px 20px;
            border: 2px solid #ddd;
            border-radius: 5px;
            background-color: #f9f9f9;
        }
        .error-container h1 {
            color: #444;
            font-size: 50px;
            margin-bottom: 20px;
        }
        .error-container p {
            color: #666;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <div class="error-container">
        <h1>错误 404</h1>
        <p>抱歉,你访问的页面不存在。</p>
    </div>
</body>
</html>

 

标签:container,color,html,404,font,页面
From: https://www.cnblogs.com/zhenggc99/p/18356278

相关文章

  • C10-01-HTML示例
    简单HTML示例<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metaname="Descripti......
  • 只用一个 HTML 元素可以写出多少形状?——多边形篇
    上一篇章的末尾,我们只用一个 div 元素写了一个鸡蛋,在欧几里得平面几何中,鸡蛋的形状已经不能算是标准形状了。对于非标准的形状,没有比较直观的几何规律,命名方面也更加困难,俗称不规则图形,在欧几里得平面几何中,将其统称为多边形。在平行四边形篇中,我们首先使用常规的盒模型写出......
  • [HTML5] 一文读懂H5新特性的应用
    文章目录一、HTML5新增语义化标签1.`<header>`标签语法使用场景常用属性示例代码2.`<footer>`标签语法使用场景常用属性示例代码3.`<nav>`标签语法使用场景常用属性示例代码4.`<article>`标签语法使用场景常用属性示例代码5.`<section>`标签语法使用场景......
  • HTML并不简单读书笔记-2
    第二章a元素最简单的a标签,点击后跳转到对应的页面,再加上herf属性<ahref="http://www.w3school.com.cn">W3School</a>rel属性浏览器支持30多个rel属性下面介绍重点关注的值rel=“nofollow”这是seo的常用策略,告诉搜索引擎不要追踪这个链接。在以下两种情況下需要......
  • Python爬虫——Selenium方法爬取LOL页面
    文章目录Selenium介绍用Selenium方法爬取LOL每个英雄的图片及名字Selenium介绍Selenium是一个用于自动化Web应用程序测试的工具,但它同样可以被用来进行网页数据的抓取(爬虫)。Selenium通过模拟用户在浏览器中的操作(如点击、输入、滚动等)来与网页交互,并可以捕获网页的......
  • 用layui +echarts 曲线图实现子页面向父页面传值,点击曲线图表上的点后删除该点,并在删
    下面是一个完整的示例,展示了如何使用layui和ECharts实现以下功能:子页面向父页面传值。点击曲线图上的点后删除该点。删除后自动刷新layui表格列表。根据子页面传值和起止时间刷新父页面。文件结构假设你有两个文件:父页面(index.html)子页面(child.html)1.子页面......
  • 金蝶云星空打开子界面后,子界面操作保存成功后关闭父窗体刷新父页面
     一、业务需求售后单界面点击按钮打开其他入界面,关闭其他入库单时是否刷新售后单,分两种情况:第一种:刷新:保存成功才刷新父窗体;第一次保存成功再次保存失败,刷新第二种:以下情况不刷新:不操作保存直接关闭其他入库单操作保存但是报错无法保存而关闭其他入库单 二、开发实......
  • 帝国CMS列表页面调用关键字TAG的方法
    $nsmalltext=$r[smalltext];$ntext=strip_tags($nsmalltext);//去除内容简介里的HTML标签$newtext=esub($ntext,100,&#39;...&#39;);//限制100字$keyboard=$r[keyboard];$r_tag=explode(",",$keyboard);$tempid=1;//这里是搜索模板IDfor($i=0;$i<count($r_tag);$i++)......
  • 微信小程序如何实现页面传参
    目录前言路径传递在onLoad里接收参数 其他位置获取参数全局变量数据缓存事件通信使用wx自定义小程序全局方法和全局变量 总结前言只要你的小程序超过一个页面那么可能会需要涉及到页面参数的传递,下面我总结了n 种页面方法。路径传递通过在url后面拼接参数,......
  • 动态添加页面
    方式一:<div><spanclass="smartText2"style="margin-top:60px;"@click="handleTips('近期俄乌事件的态势分析')">近期俄乌事件的态势分析</span></div><div><spanclass="smartText2......