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("抱歉，您请求的页面不存在！");  
});