共计 1844 个字符，预计需要花费 5 分钟才能阅读完成。
写在前面：本文是本人的 html5 学习笔记，基于黑马程序员《从 0 到 1 学前端 -HTML+CSS+ 移动 web》课程和学校开设的前端开发课程。可能有不完善的地方，望指出。后续我也会在学习的过程中不断完善本文 ^-^
1 html 骨架
快捷键：! + Enter/Tab
网页标题
html：整个网页
head：网页头部（给浏览器看的代码，如 css）
body：给用户看的代码
2 标签
快捷键：标签名 +Enter
2.1 格式化标签
2.1.1 标题
~6>
注意：
（1）h1~h6 字体逐渐减小
（2）h1 只能使用一次
标题一
标题二
标题三
标题四
标题五
标题六
运行结果：
2.1.2 格式化输出
段落：
换行：
水平线：
加粗：
倾斜：
下划线：
删除线：
这是一个段落
这是
换行
加粗
倾斜
下划线
删除线
运行结果：
2.2 图像
| 属性 | 描述 |
| src | 路径 |
| alt | 图片无法显示时，显示的文字 |
| title | 鼠标悬停在图片上时，显示的文字 |
| width | 宽 |
| height | 高 |
注：/ 表示进入某个文件里
. 表示当前文件所在的文件夹
绝对路径：鼠标右键点击图片 ->复制文件地址
![无法显示图片]()
![]( "悬停时显示")
2.3 超链接
2.3.1 链接
| 属性 | 描述 |
| herf | 网址 |
| target=”_blank” | 在新窗口打开 |
注：# 空连接
这是一个超链接 
点击后：
这是一个超链接 点击后：
2.3.2 锚点
通过 href 属性中的“#”与 id 属性配合。实现点击链接即可跳转到同一页面具有该 id 属性的元素处。
注：要保证 id 的唯一性
跳转到第一部分
第一部分2.4 多媒体标签
2.4.1 音频
| 属性 | 描述 | 特殊说明 |
| src（必须属性） | 音频 URL | 格式：MP3OggWav |
| controls | 显示音频控制面板 | |
| loop | 循环播放 | |
| autoplay | 自动播放 | 一般会禁用自动播放功能 |
音频控制面板：
2.4.2 视频
| 属性 | 描述 | 特殊说明 |
| src（必须属性） | 视频 URL | 格式：MP4WwbMOgg |
| controls | 显示视频控制面板 | |
| loop | 循环播放 | |
| muted | 静音播放 | |
| autoplay | 自动播放 | 一般在静音状态下自动播放 |
视频控制面板：
2.5 列表
2.5.1 无序列表
- 项目
- 项目
运行结果：
2.5.2 有序列表
- 项目
- 项目
运行结果：
2.5.3 定义列表
- 项目 1
- 描述
- 项目 2
- 描述
运行结果：
2.5.4 列表的嵌套
有序和无序列表可以嵌套使用，实现多级列表的效果
一个嵌套列表：
- 咖啡
- 茶
- 红茶
- 绿茶
- 中国茶
- 印度茶
- 牛奶
运行结果：
2.6 表格
table 嵌套 tr，tr 嵌套 th/td
| 属性 | 描述 | |
| table |
border |
边框 |
| td | rowspan=” 合并行数 ” | 跨行合并，保留最上单元格 |
| colspan=” 合并列数 ” | 跨列合并，保留最左单元格 |
表头 1
表头 2
数据 1
数据 2
未使用 border：
使用 border：
2.7 表单
2.7.1 表单控件
（1）input 标签
| type 属性值 | 说明 |
| text | 文本框 |
| password | 密码框 |
| radio | 单选框 |
| checkbox | 多选框 |
| file | 上传文件 |
（2）文本域
注：
- 使用 CSS 设置文本域的尺寸
- 一般禁用右下角的拖拽功能
2.8.2 表单控件属性
（1）input 标签占位文本
（2）单选框 radio
| 属性名 | 作用 | 特殊说明 |
| name | 控件名称 | 控件分组，同组只能选中一个 |
| checked | 默认选中 | / |
代码：
性别：女
男运行结果：
说明：默认选中女，且男女无法同时选中
（3）多选框
添加 checked 属性，默认选中
（4）多选文件
添加 multiple 属性
（5）下拉菜单
select 嵌套 option
select 是下拉菜单整体，option 是每一个选项
代码：
城市：运行结果：
（6）label 标签
用 label 标签绑定文字和表单控件的关系，增大表单控件的点击范围
支持 label 标签增大点击范围的表单控件：文本框、密码框、上传文件、单选框、多选框、下拉菜单、文本域等
1. 包裹表单控件
2. 不包裹表单控件
设置 label 标签的 for 属性值和表单控件的 id 属性值相同
2.7.3 按钮
| type 属性值 | 说明 |
| submit | 提交，点击后可以提交数据到后台（默认功能） |
| reset | 重置，点击后将表单控件恢复到默认值 |
| button | 普通按钮，默认没有功能，一般配合 JS 使用 |
提示：按钮需配合form 标签（表单区域）才能实现对应的功能。
2.8 布局标签
2.8.1 无语义
div：独占一行，块级元素
span：不独占一行，行内元素
2.8.2 有语义
| 标签名 | 语义 |
| header | 网页头部 |
| nav | 网页导航 |
| footer | 网页底部 |
| aside | 网页侧边栏 |
| section | 网页区块 |
| article | 网页文章 |
2.9 常用字符实体
| 显示 | 实体名称 |
| 半角空格 | |
| 全角空格 | |
| > | > |
| & | & |
| “ | “ |
原文地址: html- 学习笔记
