🌟 HTML 开发完全指南

HTML 是什么？

<!DOCTYPE html>
<html>
<head>
    <title>页面标题</title>
</head>
<body>
    <h1>欢迎来到Web世界</h1>
</body>
</html>

💻 开发环境准备

浏览器：Chrome 或 Firefox
编辑器：VS Code（官网下载）

安装完成后创建新文件：

1. 右键桌面 → 新建 → 文本文档
2. 重命名为 "index.html"
3. 用VS Code打开编辑

📐 基础结构

每个HTML文档都包含：

<!DOCTYPE html> - 文档类型声明
<html> - 根元素
<head> - 元信息容器
<body> - 可见内容

🏷️ 常用标签

标题：<h1>到<h6>

段落：<p>

图片：<img src="图片地址">

链接：<a href="网址">文字</a>

嵌入链接：<iframe src="链接" title="Example Site" width="宽度" height="长度"></iframe>

🎨 创建第一个网页

在编辑器中输入以下代码：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>我的空间</title>
    <style>
        body {
            background-color: #e6f7ff;
            text-align: center;
        }
        h1 {
            color: #1a237e;
            margin-top: 100px;
        }
    </style>
</head>
<body>
    <h1>这是我的数字天地！</h1>
    <img src="https://via.placeholder.com/400x200" alt="示例图片">
</body>
</html>

保存后双击文件即可在浏览器中打开

网页工具示例

🚀 部署到GitHub Pages

1. 创建GitHub账号
2. 新建仓库（Repository）
3. 上传你的HTML文件
4. 进入仓库设置 → Pages
5. 选择部署分支 → 保存
6. 等待几分钟，即可通过 https://username.github.io/ 访问