1 HTML 基础概念 #
mindmap
id1[HTML 基础概念]
id1-1[什么是HTML]
id1-2[HTML 定义与全称]
id1-3[HTML 在Web开发中的角色]
id1-4[HTML 文档基本结构]
id1-5[HTML 发展历史]
id1-6[HTML 版本演变]
id1-7[HTML4 到 HTML5 的转变]
id1-8[标准化组织与规范制定]
id1-9[HTML 基本语法]
id1-10[标签与元素结构]
id1-11[属性及其用法]
id1-12[注释语法]
id1-13[文档类型声明]
什么是HTML
HTML 定义与全称
HTML 在Web开发中的角色
HTML 文档基本结构
HTML 发展历史
HTML 版本演变
HTML4 到 HTML5 的转变
标准化组织与规范制定
HTML 基本语法
标签与元素结构
属性及其用法
注释语法
文档类型声明
2 HTML 文档结构 #
文档类型与元信息
DOCTYPE 声明
html 根元素
head 部分详解
body 主体内容
常用结构标签
标题标签 h1-h6
段落标签 p
换行与水平线
文本格式化标签
mindmap
id2[HTML 文档结构]
id2-1[文档类型与元信息]
id2-2[DOCTYPE 声明]
id2-3[html 根元素]
id2-4[head 部分详解]
id2-5[body 主体内容]
id2-6[常用结构标签]
id2-7[标题标签 h1-h6]
id2-8[段落标签 p]
id2-9[换行与水平线]
id2-10[文本格式化标签]
3 HTML 元素分类 #
mindmap
id3[HTML 元素分类]
id3-1[块级元素]
id3-2[块级元素特性]
id3-3[常见块级元素列表]
id3-4[块级元素使用场景]
id3-5[行内元素]
id3-6[行内元素特性]
id3-7[常见行内元素列表]
id3-8[行内元素使用场景]
id3-9[空元素]
id3-10[空元素定义]
id3-11[自闭合标签]
id3-12[常用空元素示例]
块级元素
块级元素特性
常见块级元素列表
块级元素使用场景
行内元素
行内元素特性
常见行内元素列表
行内元素使用场景
空元素
空元素定义
自闭合标签
常用空元素示例
4 HTML 属性详解 #
全局属性
class 和 id 属性
style 属性
title 属性
data-* 自定义属性
事件处理属性
鼠标事件属性
键盘事件属性
表单事件属性
mindmap
id4[HTML 属性详解]
id4-1[全局属性]
id4-2[class 和 id 属性]
id4-3[style 属性]
id4-4[title 属性]
id4-5[data-* 自定义属性]
id4-6[事件处理属性]
id4-7[鼠标事件属性]
id4-8[键盘事件属性]
id4-9[表单事件属性]
5 HTML 语义化 #
mindmap
id5[HTML 语义化]
id5-1[语义化概念]
id5-2[语义化定义]
id5-3[语义化的重要性]
id5-4[SEO 与可访问性]
id5-5[语义化标签]
id5-6[结构语义标签]
id5-7[文本语义标签]
id5-8[嵌入内容语义标签]
语义化概念
语义化定义
语义化的重要性
SEO 与可访问性
语义化标签
结构语义标签
文本语义标签
嵌入内容语义标签
6 HTML5 新特性 #
新增结构元素
header、footer 标签
nav、article 标签
section、aside 标签
新增表单元素
input 类型扩展
datalist 元素
progress 和 meter 元素
多媒体支持
audio 音频元素
video 视频元素
canvas 画布元素
mindmap
id6[HTML5 新特性]
id6-1[新增结构元素]
id6-2[header、footer 标签]
id6-3[nav、article 标签]
id6-4[section、aside 标签]
id6-5[新增表单元素]
id6-6[input 类型扩展]
id6-7[datalist 元素]
id6-8[progress 和 meter 元素]
id6-9[多媒体支持]
id6-10[audio 音频元素]
id6-11[video 视频元素]
id6-12[canvas 画布元素]
7 HTML 表单 #
mindmap
id7[HTML 表单]
id7-1[表单基础]
id7-2[form 元素属性]
id7-3[输入控件类型]
id7-4[表单验证机制]
id7-5[表单元素详解]
id7-6[input 各种类型]
id7-7[select 和 option]
id7-8[textarea 多行文本]
id7-9[button 按钮类型]
表单基础
form 元素属性
输入控件类型
表单验证机制
表单元素详解
input 各种类型
select 和 option
textarea 多行文本
button 按钮类型
8 HTML 链接与媒体 #
超链接
a 标签属性
链接类型分类
锚点链接使用
图像与多媒体
img 图像标签
图像格式选择
多媒体嵌入方法
mindmap
id8[HTML 链接与媒体]
id8-1[超链接]
id8-2[a 标签属性]
id8-3[链接类型分类]
id8-4[锚点链接使用]
id8-5[图像与多媒体]
id8-6[img 图像标签]
id8-7[图像格式选择]
id8-8[多媒体嵌入方法]
9 HTML 表格 #
mindmap
id9[HTML 表格]
id9-1[表格结构]
id9-2[table 基本结构]
id9-3[行与单元格]
id9-4[表头与表体]
id9-5[表格属性]
id9-6[边框与间距]
id9-7[合并单元格]
id9-8[表格样式控制]
表格结构
table 基本结构
行与单元格
表头与表体
表格属性
边框与间距
合并单元格
表格样式控制
10 HTML 列表 #
列表类型
无序列表 ul
有序列表 ol
定义列表 dl
列表应用
导航菜单实现
内容层次展示
自定义列表样式
mindmap
id10[HTML 列表]
id10-1[列表类型]
id10-2[无序列表 ul]
id10-3[有序列表 ol]
id10-4[定义列表 dl]
id10-5[列表应用]
id10-6[导航菜单实现]
id10-7[内容层次展示]
id10-8[自定义列表样式]
11 HTML 其他重要概念 #
mindmap
id11[HTML 其他重要概念]
id11-1[字符实体]
id11-2[常用字符实体]
id11-3[特殊符号表示]
id11-4[编码规范]
id11-5[文档对象模型]
id11-6[DOM 树结构]
id11-7[节点类型]
id11-8[DOM 操作基础]
id11-9[可访问性考虑]
id11-10[ARIA 角色]
id11-11[无障碍设计原则]
id11-12[屏幕阅读器兼容]