HTML标签

1.标题标签:
<h1>-<h6>

2.段落标签:
<p>

3.换行和水平线标签:
<br>和<hr>

---

4.图片标签:
<img src="" alt="" title="">

•  src属性表示目标图片的路径；
•  alt属性表示替换文本，即当图片加载成功时，不显示，当图片加载失败时，显示alt属性的值中的文本；
•  title属性表示提示文本，当鼠标悬停在图片上时显示（注意：title属性不仅仅用于图片标签，在其他标签中也可使用）

•  width和height属性可设置图片的宽和高，当两者只设置其中一个的时候，另一个值会等比例缩放（此时图片不会变形）

5.音频标签:
<audio src="" controls></audio>

•  src属性表示音频的路径
•  control属性表示显示播放控件
•  autoplay属性表示自动播放（谷歌浏览器需配合muted实现静音播放）
•  loop属性表示循环播放

6.视频标签:
<video src="" control></video>

•  src属性表示音频的路径
•  control属性表示显示播放控件
•  autoplay属性表示自动播放（部分浏览器不支持）
•  loop属性表示循环播放

7.超链接标签:
<a href="" target=""></a>

•   href属性代表要跳转的地址url，在开发前期不知道要跳转到哪个页面中时，可使用#代替，表示一个空连接
•   target属性表示跳转方式： _self，默认值，表示在当前页面跳转（覆盖原页面）；_blank,表示在新的窗口打开

---

8.列表标签:

• 无序列表<ul></ul>：<ul>标签里面只能嵌套<li></li>，<li>标签里面可以写文本，并且可以嵌套其他标签，（如：超链接，文本格式化标签等），去掉无序列表中自带的小点可以设置css中list-style:none;
• 有序列表<ol></ol>：<ol>标签里面只能嵌套<li></li>，<li>标签里面可以包含任意内容
• 自定义列表<dl>></dl>：<dl>标签里面是自定义列表的整体，只能嵌套<dt>和<dd>标签，<dt>表示自定义列表的主题，<dd>表示自定义列表的针对主题的每一项内容，同样<dt>和<dd>标签里面可以包含任意内容，<dd>会默认显示缩进效果

---

9.表格标签： 

        9.1 基本语法：

                <table> </table>是用于定义表格的标签。

                <tr></tr>标签适用于定义表格中的行，必须嵌套在<table></table>标签中。

                <td></td>用于定义表格中的单元格，必须嵌套在<table></table>标签中。

        9.2 标头单元格：

                用<th>标签来定义标头单元格，一般表头单元格位于表格的第一行或第一列，表头单元格里面的文本内容加粗居中显示。

        9.3 表格的相关属性:     

这部分属性在实际开发中并不常用，一般通过CSS来设置     

        9.4 合并单元格：

                合并单元格的方式有两种：跨行合并（rowspan）和跨列合并(colspan)，书写格式为：

        rowspan="合并单元格的个数"，colspan="合并单元格的个数"。

                目标单元格（即写合并代码的单元格）：跨行为最上侧单元格为目标单元格，跨列为最

        左侧单元格为目标单元格

---

10.表单标签：

10.1 表单域<form></form>,是一个包含表单元素的区域，在HTML标签中，<form>标签用于定义表单域，以实现用户信息的收集和传递，<form>会把它范围内的表单元素信息提交给服务器。

 除了这些常用属性之外，还有enctype属性，它用于指定表单信息提交的编码方式，这个编码方式通常情况下采用默认的（application/x-www-form-urlencoded）即可，但上传文件时必须选择mime编码（multipart/form-data）

10.2 <input>表单元素：用于收集用户信息。

        <input>标签是一个单标签，其中包含一个type属性，根据不同的type属性值，输入字段拥有很多种形式（可以是文本字段，复选框，掩码后的文本控件，单选按钮，按钮等）。

        语法：<input type="属性值" />

        补充：

                placeholder属性：在文本框中自带占位的提示信息，提示用户输入内容的文本；

                multiple：表示上传多个文件，当type属性值为file时，只可以上传一个文件，在后面加上

                multiple则可以实现上传多个文件。 

        <input>标签出了type属性之外还有一些属性：

        10.3 <label>标签：

                <label>标签为input元素定义标注。

                <label>标签用于绑定一个表单元素，当点击<label>标签内的文本时，浏览器就会自动将

                焦点  （光标）转到选择对应的表单元素上，用来增加用户体验

        10.4 <select>下拉菜单：

                <select></select>标签表示菜单的整体，<option>标签表示下拉菜单的每一项，常见属

                selected：表示下拉菜单的默认选中

        10.5 <textarea>文本域标签：

                在网页中提供可输入多行文本的表单控件，常见属性：cols：规定了文本域内可见宽度

                rows：规定了文本域内可见行数。（一般通过CSS设置）

---

    

11.语义化标签：

 没有语义的布局标签（div和span）：

        <div>：一行只显示一个（独占一行）；

        <span>：一行可以显示多个。

---

12. 字符实体：

只记空格：&nbsp;