白骑士的HTML教学目录

一、基础篇

1.1 HTML简介

• 什么是HTML？
• HTML的历史与发展
• 设置HTML开发环境

1.2 HTML基础语法

• HTML文档结构
• 常用标签介绍
• 属性与元素

1.3 HTML文本格式化

• 标题标签
• 段落与换行
• 文本样式标签

1.4 链接与图像

• 创建超链接
• 插入图像
• 图像与链接的属性

1.5 列表与表格

• 无序列表与有序列表
• 嵌套列表
• 创建表格

二、进阶篇

2.1 表单与输入

• 创建表单
• 常用表单元素（输入框、单选按钮、复选框）
• 表单验证与提交

2.2 嵌入与多媒体

• 插入视频与音频
• 使用iframe嵌入内容
• 嵌入SVG与Canvas

2.3 CSS基础

• 什么是CSS？
• 内联、内部与外部样式表
• 常用选择器与属性

2.4 布局与定位

• 盒模型
• 浮动与清除浮动
• 定位（相对定位、绝对定位、固定定位）

2.5 响应式设计

• 媒体查询
• Flexbox布局
• Grid布局

三、高级篇

3.1 HTML5新特性

• 新增标签（<article>、<section>、<nav>等）
• 本地存储与离线支持
• 拖放与WebSocket

3.2 高级表单元素

• 日期与时间输入
• 颜色选择器
• 范围输入

3.3 SVG与Canvas

• 使用SVG绘图
• 使用Canvas绘图
• 动画与交互

3.4 性能优化

• HTML文档优化
• 图片与多媒体优化
• 懒加载与异步加载

四、实战项目篇

4.1 创建个人网站

• 网站规划与设计
• 实现页面导航与布局
• 部署与维护

4.2 在线商店

• 商品展示页面
• 购物车功能
• 订单处理与支付集成

4.3 博客网站

• 博客文章发布与管理
• 用户评论系统
• SEO优化

4.4 交互式Web应用

• 动态内容加载
• 表单与数据处理
• 实时更新与通知

五、附加篇

5.1 HTML开发工具

• 编辑器与IDE推荐
• 调试技巧

5.2 代码规范与最佳实践

• 命名规范
• 注释规范
• 代码格式化