diff --git a/docs/notes/programming/web/basic-syntax/html-tags-attributes.md b/docs/notes/programming/web/basic-syntax/html-tags-attributes.md
index 59de8f7..73c438a 100644
--- a/docs/notes/programming/web/basic-syntax/html-tags-attributes.md
+++ b/docs/notes/programming/web/basic-syntax/html-tags-attributes.md
@@ -4,115 +4,7 @@ createTime: 2025/11/2 19:30:00
permalink: /programming/web/basic-syntax/html-tags-attributes/
---
-## 开场：掌握这些标签，就能写出 80% 的网页
-
-今天我们来认识**最常用的 HTML 标签**和它们的**常见属性**。
-把它们学会，你就能从零搭建出结构清晰、内容丰富的网页。语言风格延续上一课的节奏：轻松、直观、能马上上手。
-
-想象一下：
-- 网页是一座房子；
-- 标签是房子里的“房间与家具”；
-- 属性是“家具的颜色、大小、功能开关”。
-
-## 一、页面骨架（Head / Body）
-
-网页的基本结构：
-```html title="index.html"
-
-
-
-
-
- 仲夏夜之梦
-
-
-
-
-
-
-```
-
-常用属性与标签说明：
-- ``：声明页面语言，有利于无障碍与搜索引擎。
-- ``：统一编码，避免中文乱码。
-- ``：移动端适配必备。
-- ``：浏览器标签页的标题。
-- `<link rel="stylesheet" href="...">`：引入 CSS。
-- `<script defer src="...">`：引入 JS（`defer` 表示文档解析完再执行）。
-
-补充说明：
-- `<!DOCTYPE html>`：让浏览器以标准模式解析页面，避免兼容性怪异行为。
-- `<head>` 放“页面信息与资源引入”，`<body>` 放“实际可见内容”。不要把可见内容标签写进 `<head>`。
-- 资源引入推荐顺序：`meta` → `title` → `link`。脚本通常后置并非必需（本节示例不包含 JS）。
-- `lang` 与 `charset` 是无障碍与中文页面的基础配置，几乎必填；`viewport` 是移动端适配必备。
-- 开发实践：先搭骨架（结构正确），再补样式与交互，便于调试与定位问题。
-
-**小案例：基础页面骨架**
-::: code-tabs
-@tab index.html
-```html
-<!DOCTYPE html>
-<html lang="zh-CN">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>小案例：基础页面骨架
-
-
-
- 你好，HTML！
- 这是一个最小可运行的页面骨架。
-
-