HTML 概述

全屏查看

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[屏幕阅读器兼容]
字符实体
常用字符实体
特殊符号表示
编码规范
文档对象模型
DOM 树结构
节点类型
DOM 操作基础
可访问性考虑
ARIA 角色
无障碍设计原则
屏幕阅读器兼容