坚持学习
我们一定有收获

简单的HTML代码示例 页面设计简约大气

DeepSeek探索全新的WordPress-AI插件(支持定制功能)点击立即了解

以下是一个简单的HTML代码示例,页面加载后会自动跳转到目标网站。页面设计简约大气,背景为浅灰色,居中显示跳转提示信息。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="refresh" content="5;url=http://dsdiss.com">
    <title>跳转中...</title>
    <style>
        body {
            background-color: #f0f0f0;
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }
        .container {
            text-align: center;
            background-color: #ffffff;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        h1 {
            font-size: 24px;
            color: #333333;
        }
        p {
            font-size: 16px;
            color: #666666;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>正在跳转...</h1>
        <p>您将在5秒后自动跳转到目标网站。</p>
        <p>如果未自动跳转,请<a href="https://www.example.com">点击这里</a>。</p>
    </div>
</body>
</html>
内容仅供参考:大神建站 » 简单的HTML代码示例 页面设计简约大气

登录

找回密码

注册