HTML学习记录

在项目中，大多会写很多样式，有时会出现给同一个标签设置了相同的样式，此时样式就会层叠，浏览器渲染时就会以写在最下面的为主，如果显示的样式不是我们所期望的，可以以此来查找问题所在

通过练习巩固学过的内容，学生信息表小案例和表单小案例包括了 HTML 的大多数标签，能有效测试学习情况，查漏补缺。

通常我们在写 HTML 代码时，如果在代码中间连续敲很多个空格，这时会发现浏览器最终只会解析出一个空格。 如果要在网页中展示特殊字符效果（如空格、换行等），就要用到字符实体，浏览器会自动进行解析

div 标签和 span 标签没有语义，实际开发中会频繁使用 ；div 标签独占一行，即一行显示一个； span 标签一行可以显示多个

button 是双标签，更利于包裹内容，在谷歌浏览器中，button 默认是提交按钮 label标签常用于绑定内容与表单标签的关系，绑定之后直接点击此内容即可选中

表格标签的嵌套关系：table > tr > td ；在实际开发中，个人推荐使用 CSS 样式来设置表格的样式效果

一般网页的登录页、注册页等都具有收集用户信息的表单效果。input 标签的 type 属性值不同，会展示不同的效果

常见的列表标签有三种，无序列表、有序列表、自定义列表，我们可以根据自己的需求，选择合适的标签，从而实现需求。

通常我们在开发中暂时不确定某个链接要跳转到哪里去，可以用空链接先占个位置，之后再行补充。空链接点击之后会回到顶部

音频标签和视频标签的 autoplay 属性貌似不会起作用，我只在谷歌浏览器、Edge 浏览器和联想浏览器上试过，确实不会自动播放，但音频标签的 autoplay 属性和 muted 属性......

图片标签是用来在网页中显示图片的，标签的属性写在开始标签内。使用图片标签，一般都会涉及到路径，本文最后有介绍，都是根据自己的理解总结出来的

本文主要复盘了文本格式化标签的使用，在实际项目开发中选择标签的原则是标签语义化，即根据语义选择对应的标签。

本文主要复盘了标题标签（h系列标签）、段落标签、换行标签、水平线标签的特点，以及用法示例，文末附加了 VS Code 使用过程中可能用到的快捷键。