# html

**Repository Path**: bwcxwh/html

## Basic Information

- **Project Name**: html
- **Description**: 从零开始系统学习前端开发，需以 HTML 为基石。以下为您提供一套逻辑清晰、讲解详尽且易于理解的 HTML 学习资料及学习路径，助力构建扎实的前端基础。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-01
- **Last Updated**: 2025-09-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HTML, 前端学习, 零基础

## README

# 从零学习前端 - HTML基础教程

## 第一部分：HTML基础

### [1. HTML简介与历史](1.HTML简介与历史.md)
- 什么是HTML
- HTML的发展历史
- 重要版本
- HTML在Web开发中的作用
- 一个简单的HTML示例
- 浏览器如何解析HTML
- 为什么学习HTML

### [2. HTML文档结构](2.HTML文档结构.md)
- 基本文档结构
- DOCTYPE声明
- html标签
- head标签及其内容
- body标签及其内容
- 文档树结构

### [3. HTML元素与标签](3.HTML元素与标签.md)
- 元素的概念
- 标签的分类（单标签与双标签）
- 空元素
- 嵌套元素
- 块级元素与行内元素

### [4. HTML属性](4.HTML属性.md)
- 属性的概念
- 常见属性
- 全局属性
- 属性值的引号使用
- 自定义属性

### [5. HTML注释](5.HTML注释.md)
- 注释的语法
- 注释的作用
- 注释的最佳实践

## 第二部分：文本内容

### [6. 标题与段落](6.标题与段落.md)
- 标题标签（h1-h6）
- 段落标签（p）
- 标题的语义化
- 标题的层级关系

### [7. 文本格式化](7.文本格式化.md)
- 加粗（strong/b）
- 斜体（em/i）
- 下划线（u）
- 删除线（del）
- 上标和下标（sup/sub）
- 预格式化文本（pre）
- 代码（code）

### [8. 列表](8.列表.md)
- 无序列表（ul/li）
- 有序列表（ol/li）
- 定义列表（dl/dt/dd）
- 列表的嵌套
- 列表的样式

### [9. 引用](9.引用.md)
- 短引用（q）
- 块引用（blockquote）
- 引用的嵌套
- cite属性

## 第三部分：链接与图像

### [10. 超链接](10.超链接.md)
- 链接的语法（a标签）
- href属性
- target属性
- 内部链接
- 外部链接
- 锚点链接
- 邮件链接
- 电话链接
- 下载链接

### [11. 图像](11.图像.md)
- 图像的语法（img标签）
- src属性
- alt属性
- width和height属性
- 图像的路径
- 常见图像格式
- 响应式图像
- figure和figcaption标签

### [12. 图像映射](12.图像映射.md)
- 图像映射的概念
- map标签
- area标签
- shape属性
- coords属性
- 图像映射的应用场景

## 第四部分：表格与表单

### [13. 表格基础](13.表格基础.md)
- 表格的基本结构（table/tr/td）
- 表头（th）
- 表格的边框属性
- 表格的宽度和高度
- 单元格合并
- 表格的背景色

### [14. 表格高级特性](14.表格高级特性.md)
- thead、tbody、tfoot标签
- col和colgroup标签
- 表格的标题（caption）
- 表格的样式
- 表格的可访问性

### [15. 表单基础](15.表单基础.md)
- 表单的概念
- form标签
- action属性
- method属性
- enctype属性
- target属性
- 表单的提交按钮
- 表单的重置按钮

### [16. 表单元素](16.表单元素.md)
- 文本输入框（input[type=text]）
- 密码输入框（input[type=password]）
- 单选按钮（input[type=radio]）
- 复选框（input[type=checkbox]）
- 文件上传（input[type=file]）
- 下拉列表（select/option）
- 文本域（textarea）
- 按钮（button）
- 隐藏域（input[type=hidden]）
- 标签（label）

### [17. 表单验证](17.表单验证.md)
- 客户端验证
- 必填字段（required）
- 长度限制（minlength/maxlength）
- 数值范围（min/max）
- 正则表达式验证（pattern）
- 表单验证的样式
- 自定义验证消息

## 第五部分：HTML5新特性

### [18. HTML5语义化标签](18.HTML5语义化标签.md)
- 什么是语义化
- 常见语义化标签（header、nav、main、section、article、aside、footer等）
- 语义化标签的优势
- 语义化标签的浏览器兼容性

### [19. HTML5多媒体](19.HTML5多媒体.md)
- 音频标签（audio）
- 视频标签（video）
- source标签
- 多媒体格式
- 多媒体属性和方法
- 多媒体的可访问性

### [20. HTML5画布(Canvas)](20.HTML5画布(Canvas).md)
- Canvas的概念
- Canvas的基本用法
- Canvas的绘图API
- Canvas的应用场景
- Canvas与SVG的区别

### [21. HTML5存储](21.HTML5存储.md)
- localStorage
- sessionStorage
- Cookie
- 存储容量比较
- 存储的安全性
- 应用场景

## 第六部分：HTML高级主题

### [22. HTML与CSS的结合](22.HTML与CSS的结合.md)
- 内联样式
- 内部样式表
- 外部样式表
- link标签
- style标签
- CSS选择器
- 样式优先级

### [23. HTML与JavaScript的结合](23.HTML与JavaScript的结合.md)
- 内联脚本
- 内部脚本
- 外部脚本
- script标签
- defer和async属性
- DOM操作
- 事件处理

### [24. HTML可访问性](24.HTML可访问性.md)
- 什么是可访问性
- alt属性的正确使用
- 标签的正确嵌套
- ARIA属性
- 键盘导航
- 颜色对比度
- 屏幕阅读器兼容性

### [25. HTML最佳实践](25.HTML最佳实践.md)
- 代码规范
- 性能优化
- SEO优化
- 响应式设计
- 浏览器兼容性处理
- 版本控制
- 代码注释

## 附录

### [常用HTML标签速查表](附录1.常用HTML标签速查表.md)

### [HTML5与HTML4的区别](附录2.HTML5与HTML4区别.md)

### [浏览器兼容性参考](附录3.浏览器兼容性参考.md)

### [学习资源推荐](附录4.学习资源推荐.md)