HTML 教程
从标签基础到表单多媒体语义化，覆盖 54 篇网页标记语言完整教程
HTML 入门
文本与排版
链接
图像
表格
布局与结构
HTML 列表
ul 无序列表、ol 有序列表、dl 描述列表、嵌套列表
块级与行内元素
块级 display:block、行内 display:inline、inline-block 对比
div 与 span
div 块级容器、span 行内容器、结合 CSS 经典布局
class 与 id
class 复用样式、id 唯一标识、CSS 选择器优先级
页面布局技术
CSS Float 布局、Flexbox 弹性布局、Grid 网格布局入门
文件路径
绝对路径 vs 相对路径、根目录/上级/同级路径写法
head 头部元素
title/meta/link/style/script/base 元信息标签
表单
表单基础
form action/method、input 输入框、label 标签、submit 提交
表单属性
action/method/target/novalidate/autocomplete 等属性
表单元素
select/option/optgroup、textarea、fieldset/legend、datalist/output
输入类型大全
text/password/email/number/date/color/range/checkbox/radio/file 等 20+ 类型
输入属性
value/readonly/disabled/placeholder/required/pattern/min/max 等
按钮详解
button vs input[type=submit]、type 属性、CSS 美化按钮
多媒体
视频 video
video 标签 controls/autoplay/muted/loop、source 多格式兼容
音频 audio
audio 标签 controls/loop/preload、MP3/OGG/WAV 格式
iframe 内嵌
iframe 嵌入网页/地图/视频、sandbox 安全属性、去除边框
Canvas 画布入门
canvas 元素、2D 上下文、绘制矩形/圆形/线条/文字/渐变
SVG 矢量图形
svg 内联图形、circle/rect/line/path 基本形状、缩放不失真
嵌入 YouTube 视频
iframe 嵌入 YouTube、控制参数 autoplay/mute/loop
object 与 embed
object 嵌入 PDF/Flash、embed 插件、param 参数传递