404 Not Found

网站介绍

这是一个用于演示的网站，主要用于展示如何处理 HTTP 404 错误。在本示例中，当用户访问不存在的页面时，将显示自定义的 404 页面，而不是默认的浏览器错误页面。

HTML 结构

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 Not Found</title>
</head>
<body>
<h1>404 Not Found</h1>
<p>您请求的页面无法找到，请检查网址是否正确。</p>
</body>
</html>

CSS 样式

在 <head> 标签内添加以下 CSS 代码以美化页面：

body {
font-family: "微软雅黑", sans-serif;
background-color: #f0f0f0;
}

h1 {
text-align: center;
color: #333;
}

p {
text-align: center;
color: #666;
}

JavaScript 代码(可选)

如果需要在页面上显示一个简单的动画或弹出提示框，可以使用以下 JavaScript 代码：

document.addEventListener("DOMContentLoaded", function() {
alert("抱歉，您请求的页面不存在！");
});