标签分类(按显示效果)：
常用文字标签：
- h标签： 标题标签，有h1~h6六个不同大小的标题1~6，一个网页只有一个h1
- p标签： 段落标签
- span标签：一个文字标签，一般用来组合文档中的行内元素，以便通过样式来格式化它们。
- a标签：超链接，给href属性设置完整目标网址，就能连接到目的网站
代码示例
<h1>标题标签1</h1>
<h2>标题标签2</h2>
<h3>标题标签3</h3>
<h4>标题标签4</h4>
<h5>标题标签5</h5>
<h6>标题标签6</h6>
<p>这是一个段落标签：p标签</p>
<p>这是有一个段落标签：p标签</p>
<span>我是一个span</span>
<a href="https://www.taobao.com/">点我一下去淘宝</a>图片标签：img
img标签是用于网页显示图片的标签
- src属性：设置图片来源的属性，可以使本地图片路径，也可以是网络图片网址。
- alt属性：图片可替换文本，通俗的讲就是当图片显示不出来时，便显示alt属性的文本值，一般是对图片的说明。
- title属性：图片标题属性，当鼠标移动到图片上停留时会显示title属性的文本值。
代码示例：
<p>本地图片，假装你的html文件的同级目录有个img文件夹，而且img文件夹还刚好有个kaola.jpg文件</p>
<img src="img/Koala.jpg"/>
<p>网络图片</p>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1530698034973&di=a719e14d68ad43d143109ef7aaa5b79c&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F01d4f45a35ef7aa80120ba383fe435.jpg%401280w_1l_2o_100sh.jpg" alt="漫威英雄" title="漫威"/>媒体标签
音频标签：audio标签
- src：资源文件来源，本地或网络资源都可以。
- 支持的格式
| IE9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari 3.0 | |
|---|---|---|---|---|---|
| Ogg Vorbis | √ | √ | √ | ||
| MP3 | √ | √ | √ | ||
| Wav | √ | √ | √ |
空标签写法
<audio src="music/Kalimba.mp3" controls loop />
闭合标签写法
<audio controls="controls">
当第一个文件不兼容时，使用第二个，甚至第三个
<source src="song.mp3" type="audio/mp3" />
<source src="song.ogg" type="audio/ogg" />
</audio>视频标签： vido标签
用法示例
<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
<source src="movie.webm" type="video/webm" />
<object data="movie.mp4" width="320" height="240">
<embed src="movie.swf" width="320" height="240" />
</object>
</video>表单及表单元素
用于收集用户输入信息，例如输入文字密码，数字，时间等等；
**表单标签：**form标签，定义一个表单
form属性：
| 属性名 | 说明 |
|---|---|
| name | 规定表单名 |
| action | 规定表单提交的地址(url) |
| method | 规定表单提交的HTTP方式，可选值：get/post。默认get |
| enctype | 规定表单提交的数据编码。默认url-encoded |
| accept-charset | 规定在被提交表单中使用的字符集。默认：页面字符集 |
| novalidate | 规定浏览器不验证表单 |
用法示例：
<form>
...
</form>input标签：
input标签是最重要的、使用最多的标签。input标签根据会根据type属性的值而显示不同的效果。
type常见可选值及效果
| 属性值 | 说明 |
|---|---|
| text | 文本输入框 |
| password | 密码输入框，输入内容时用*号代替字符 |
| number | 用于输入密码，不可输入其他字符 |
| radio | 单选按钮 |
| checkbox | 多选按钮 |
| button | 按钮 |
| submit | 提交按钮，把数据提交到表单的action规定的地址 |
| color | 颜色选择 |
| date | 日期控件 |
| datetime-local | 日期及时间控件 |
| 邮件输入框，可用于验证输入邮件地址是否合法 |