趁着有空，白龙网重新梳理了一下html常用的一些标签及其属性。html常用的标签有9大类，分别是排版标签、格式化文本标签、媒体标签、链接标签、列表标签、表格标签、表单标签、语义化标签、字符实体等。涉及h/p,hr/br,strong/ins/em/del,img/audio/video,a,ul/li,ol/li,dl/dt/dd,table/tr/td/th,form/input/button/select/textarea/label,div/span,header/nav/footer/aside/selection/article等。
标签是由<,>,/,英文字母等组成。
由开始标签和结束标签构成的标签是双标签，例如<strong></strong>；只有开始标签构成的标签叫单标签，例如<hr>,<br>。
标签有两种关系，一是父子关系，也叫嵌套关系，例如,<html><head></head></html>；另外一种是兄弟关系，也叫并列关系，例如，<head></head>标签与<body></body>标签。
（一）排版标签
1、标题标签
标题标签是双标签，有6个，分别是h1,h2,h3,h4,h5,h6，直接输入h1,h2,h3,h4,h5,h6中任何一个，软件可自动实例开始标签与结束标签；
另外，在复制标签时，可以借助CTR+D+DEl键，快速修改复制的重复内容。
2、段落标签
段落标签P是块状元素，并且段落之间自动带空隙；通过vscode的“查看->自动换行”命令，可以让段落内容自动换行，方便阅览。
3、换行标签
强制换行标签是br，它是一个单标签；
4、水平线标签
水平线标签hr也是一个单标签。
（二）文本格式化标签
5、文本格式化标签
文本格式化标签有8个，均为行内元素，如下所示，如果为了强调内容的重要性，则可使用英文的文本格式化标签；反之，如果内容一般，则使用字母文本格式化标签即可。
<strong>加粗strong</strong>
<b>加粗b</b>
<ins>下划线INS</ins>
<u>下划线u</u>
<em>倾斜em</em>
<i>倾斜i</i>
<del>删除线del</del>
<s>删除线s</s>
（三）媒体标签
5、图片标签
（1）图片标签img是单标签，通过标签属性实现目标效果。标签属性由属性名、属性值两部分组成。标签属于位置开始标签之内；一个标签可以有多种属性，但是每个属性之间要用空格隔开，且标签属性与标签之间也要用空格隔开。另外，标签属性没有先后顺序之分。
（2）图片标签有五个常用属性，分别是：
scr：图片的相对路径，或者绝对路径，用以显示图片；
alt：替换文字，当图片不显示时，显示替换文字，利于提升用户体验；
title：提示文字，当鼠标悬停在图片上时，显示提示文字，该属性也可用在其它标签上；
width：图片的宽度，不用加单位；默认情况下，图片的宽度、高度属性，只需要设置其中一个属性即可，另外一个属性会自动等比例变化；
height：图片的高度。
（3）路径
A.绝对路径
指从目录的绝对位置开始，能够找到目标内容，通常是从盘符开始。有盘符路径、完整网络地址两种表现形式。
B.相对路径
从当前目录开始，找目标文件的过程。相对路径有3种形式：同级目录、下级目录、上级目录。
a.同级目录，即当前目录，用./表示，或者直接写出图片名称；
b.下级目录，即诸如image/1.jpg形式的路径；
c.上级目录，用../表示；
6、音频标签
音频标签audio是个双标签，默认情况下是暂停播放的，它有4个常用属性，分别为：
src：指定音频路径；
controls：显示播放控件；
autoplay：自动播放音乐，有些浏览器不劫持；
loop：循环播放音乐。
7、视频标签
视频标签video与音乐标签有些相似之处，包括大部分基本属性都可以通用，有5个属性，比音频标签多一个属性：
scr：视频地址；
controls:显示视频播放控件；
autoplay：自动播放视频，有些浏览器不支持；
loop：循环播放视频；
muted:设置默认静音播放视频。
（四）链接标签
8、链接标签
链接标签用来实现内容之间的跳转，它有2个基本属性：
href：属性值可以是路径，也可以是完整的网络地址；当暂时不知道目标地址时，可以用空链接#暂时替代。
targrg:属性值_self,_top,_parent都是在当前窗口打开；而_blank属性值是在新窗口打开，保留原窗口内容。
此处有两个排版案例，要实践操作下
（五）列表标签
9、无序列表标签
ul/li是无序列表标签，ul是包裹li的整体，且ul内只能放li标签；li是列表内容，可以任何内容。
10、有序列表标签
ol/li是有序列表标签，ol是包裹li的整体，且ol内只能放li标签；li是列表内容，可以放任何内容。
11、自定义列表标签
dl/dt/dd是自定义列表标签，dl是包裹li的整体，且dl内只能放dt/dd标签；dt是主题，dd是列表内容，dt/dd内可以放任何内容。
(六)表格标签
12、表格标签
（1）基本标签：table/tr/td;table是一个整体，包含tr标签；tr是行标签，包含td单元格标签。
（2）表格属性：border设置精细，width,height设置表格的宽高；cellspacing属性值为0时，与border=1配合使用，可设置细线表格；
（3）标题表头：caption在table内设置表格的标题；th用来设置表格的表头；
（4）结构化标签：有3种，分别为thead/tbody/tfoot；tab键可向右移动选中的代码块，shitf+tab向左移动选中的代码块。
（5）合并单元格：只有在结构化标签内合并单元格，即分别在thead/tbody/tfoot区域内合并单元格，不能跨thead/tbody/tfoot区域；合并单元格时首先要确定合并哪些单元格，然后按照左上的原则确定删谁留谁，最后在要保留的单元格内使用rowspan/colspan及其属性值数字来合并目标单元格。
如果要制作细线表格，只需要在table标签内设置2个属性值得即可：border="1"，cellspacing="0"。另外，使用alt+shift+下箭头可以快速复制标签。
（七）表单标签
13、输入标签
输入标签是input，根据不同的type值，显示不同的效果：
input:text，输入文本值，有type,name,id,placehold等属性，可以使用placehold属性显示提示性文字；
input:password，输入密码，以圆点的形式出现，有type,name,id,placehold等属性，可以使用placehold属性显示提示性文字；
input:radio,单选框，有type,name,id,checked等属性，当出现多个单选框，而要求只选中其中一个时，需要借用name分组属性，让相同组内的单选只能选择其中一个；默认选中属性是checked;
input:checkbox,筛选框，有type,name,id,checked等属性，可以选中多个框，默认选中属性是checked;
input:file,上传文件，有type,name,id,multiple等属性，可以使用multiple控制上传多个文件；
input:submit,提交按钮，有type,value两个属性，默认显示“提交“，使用value值可自定义按钮上的文字；
input:reset,重置按钮，有type,value两个属性，默认显示“重置“，使用value值可自定义按钮上的文字；功能生效需要包裹在form预表单标签下；
input:button,普通按钮，有type,value两个属性，使用value值可自定义按钮上的文字；通常使用JS来控制该按钮的行为；
14、按钮标签
按钮标签button是双标签，改变type属值，可以定义提交、重置、普通按钮等功能。
15、下拉标签
下拉标签selcet是双标签，它包含整体，而内容是通过option显示的；默认情况下显示第一个option，可以使用selected自定义默认显示的option。
16、文本域标签
文本域名标签，是一个又标签，有name,id,cols,rows等4个属性，可调设置文本域的宽度、高度，右下角可拖动文本域大小。
17、label标签
用来绑定内容与文本标签，实现方法有两种：
（1）用label标签包裹文本内容，然后把label标签的for属性值设置的与input:text文本标签中id值相同，即可绑定；该方法复杂些，但是方便使用CSS控制各标签的样式；
（2）直接用lable标签包裹文本标签和文本内容，删除label标签中的for属性，即可绑定；该方法简单，但是不等于CSS的控制；
（八）语义化标签
18、语义化标签
语义化布局标签分两种，一是没有语义的布局标签，二是有语义的布局标签。
（1）没有语义的布局标签有块状元素div，行内元素span。
（2）有语义的布局标签有header,nav,footer,aside,section,article，他们都是块状元素，主要在手机端使用。
（九）字符实体
19、字符实体
字符实体有很多，常用的其实就空格了，英文状态下：&absp;其它的大于号，小于号等等了解即可。