HTML学习笔记2

1.7音频、视频标签

在网页中想要插入图片、音频、视频，需要输入一些固定的格式：

1）想要插入一段音频你需要输入audio，再回车，vs就会帮你构建好音频标签插入的骨架，如下：

这时候，再在src=后面加入你想要加入的音频的相对路径即可，如下是一些音频标签的其他控制标签，作用见表格。

2）视频标签 

想要插入一段视频你需要输入video，再回车，vs就会帮你构建好视频标签插入的骨架，如下：

再插入视频即可，操作与音频标签操作相似 

1.8 链接标签

href代表的是跳转地址

具体演示如下：

！这里说明，如果在开发前期，你不知道要跳转到哪个地方，你可以加入一个#，即代表空链接 

 

 这里注意到，当你点完这个链接后，他会覆盖掉你的原来的网页，这是因为一个属性：target

所以，如果你想要保留原网页，新建一个网页，请使用blank标签。 

1.9列表标签

1）无序标签 2）有序列表

有序列表在前面会自带排名，适合那些需要分先后的列表

3）自定义标签

 

 2.表格标签

表格标签的一些常见属性：

实战如下：

 

 

2.1表格标题和表头单元格标签

 实战如下：

2.2合并单元格

思路： 将水平或者垂直的多个单元格合并为一个单元格

 注意！这里的合并只能是在同一个标签中进行合并（例如内容都在thead或者都在tbody里面，才能进行合并）。

2.3表单标签

1.input

1）

代码及显示结果如下：

 若想在文本框内加入一定的提示，那么我们就需要用到：placeholder语法。

 2）radio的单选功能

要实现radio的单选，那么就需要添加name 或者checked标签

 

 3）file上传多个文件

 4）button按钮

 注意！要想实现button的作用，需要添加父级标签，才能够实现重置以及提交，该标签为form标签。

 2.button按钮标签

button除了可以归为input里进行操作，他也可以独立出来作为一个与input同级的标签。

 3.select下拉标签

 4.textarea文本域标签

 5.label标签