前端与HTML | 青训营笔记
这是我参与 [第五届青训营] 伴学笔记创作活动的第 1 天。这节课主要讲了HTML的语义，标签，及输入和引用。
一、什么是HTML？
HTML全称为HyperText Markup Language,其中HT(HyperText)包含了图片、标题、链接和表格等类型数据，ML(Markup Language)则为文章内容的标签。
HTML语言格式有开始标签和结束标签，是成对出现,缺少任意一个就会报错。 其中head标签包含编码格式及页面标题，不会在文章内展示，body标签的内容将会展现在页面中。
二、HTML语法
- 在HTML中标签和属性是不区分大小写的，但是推荐小写，在编写组件名时用大写。
- 空标签可以不用闭合，比如：input 可以不用加结束标签。
- 属性值一般用双引号表示，遇到需要属性值内容中有引号情况则可以嵌套使用。
- 某些属性值可以省略，比如required、返回值是布尔类型，直接省略属性值即可。
三、标题和段落
- 文章标题可以使用h1-h6来进行分级表示，一般h1表示页面的大标题。
- 文章段落用p表示，在段落中，对加粗强调部分用标签strong标出，斜体用em标出。
四、列表
- 有序列表标签：ol
- 无序列表标签：ul
- 定义列表标签：dl（dt表示描述列表的标题，dd表示标题的内容及它对应的值）
五、链接
- 超链接标签：a,a中属性href的属性值是超链接的地址。
- 图片标签：img,它的属性有src（地址）、alt（替代性文本）、长宽等标签。
- 音频标签：audio,属性包含src、controls
- 媒体标签：video，属性包含src、controls
六、输入
输入标签为input
- 直接输入：定义属性名和要输入的内容提示。
- type属性
-
- range属性值：滑动选择输入的值；
-
- number属性值：输入数字，可以圈定其范围；
-
- date属性值：表示日期。
- textarea属性：可以输入多行文字
七、个人总结
在学习HTML过程中，对其语法语义及标签的使用有了初步认识，尤其是HTML中每个元素及属性属性值都有对应的含义，这些语义能帮助我们更快更好的学习HTML，我们需要做到去了解每一个标签对应的语义，思考哪个标签更能符合我们的文本内容，加快我们对HTML学习。通过预习、听课，及记笔记的方式，加深了我对HTML的学习，增加了学习兴趣。
