【海贼王航海日志：前端技术探索】HTML你学会了吗？(二)
目录
1 -> HTML常见标签
1.1 -> 表格标签
1.1.1 -> 基本使用
1.1.2 -> 合并单元格
1.2 -> 列表标签
1.3 -> 表单标签
1.3.1 -> form标签
1.3.2 -> input标签
1.4 -> label标签
1.5 -> select标签
1.6 -> textarea标签
1.7 -> 无语义标签：div & span
2 -> Emmet快捷键
3 -> HTML特殊字符
4 -> 小结
1 -> HTML常见标签
1.1 -> 表格标签
1.1.1 -> 基本使用
标签：表示整个表格。
标签：表示表格的一行。 标签：表示一个单元格。 标签：表示表头单元格。会居中加粗。 - 标签：表格的头部区域(注意和
标签区分，范围比 标签要大)。 - 标签：表格得到主体区域。
标签包含
标签， 标签包含 标签或者 标签。 表格标签有一些属性，可以用于设置大小边框等。但是一般使用CSS方式来设置。
这些属性都要放到
标签中。
- align是表格相对于周围元素的对齐方式。align="center" (不是内部元素的对齐方式)。
- border表示边框。1表示有边框(数字越大，边框越粗)，"" 表示没边框。
- cellpadding表示内容距离边框的距离，默认1像素。
- cellspacing表示单元格之间的距离。默认为2像素。
- width/height：设置尺寸。
注意，这几个属性，在vscode都提示不出来。
Document 姓名 性别 年龄 枫叶丹1 男 21 枫叶丹2 男 21 结果展示：
1.1.2 -> 合并单元格
- 跨行合并：rowspan="n"。
- 跨列合并：colspan="n"。
步骤：
- 先确定跨行还是跨列。
- 找好目标单元格(跨列合并，左侧是目标单元格；跨行合并，上方是目标单元格)。
- 删除的多余的单元格。
Document 姓名 性别 年龄 枫叶丹1 男 枫叶丹2 男 21 结果展示：
1.2 -> 列表标签
主要使用来布局的。整齐好看。
- 无序列表(重要)
- 标签、
- 标签。
- 有序列表(用的不多)
- 标签、
- 标签。
- 自定义列表(重要)
- 总标签、
- 小标题、
- 围绕标题来说明上面有个小标题。
注意：
- 元素之间是并列关系。
- 标签/
- 标签不能放其他标签，
- 标签中只能放
- 标签和
- 标签。
- 标签中可以放其他标签。
- 列表带有自己的样式，可以使用CSS来修改。(例如前面的小圆点都会去掉)。
- 标签中只能放
Document 无序列表
- 王路飞
- 刘索隆
- 山治君
有序列表
- 王路飞
- 刘索隆
- 山治君
自定义列表
- One Piece
- 王路飞
- 刘索隆
- 山治君
结果展示：
1.3 -> 表单标签
表单是让用户输入信息的重要途径。
分成两个部分：
- 表单域：包含表单元素的区域。重点是
- 表单控件：输入框，提交按钮等。重点是标签。
1.3.1 -> form标签
Document 描述了要把数据按照什么方式，提交到哪个页面中。(关于
- 标签不能放其他标签，