HTML常用的标签

一．HTML的标题标签

在文章中都离不开标题，网页中的标题就是标题标签h标签，一共有1-6六个标签，其重要程度依次递减，文字大小也依次减小，标题标签的特点就是文字会加粗和变大，并且独占一行

二．HTML的段落标签

在文章中都离不开段落，网页中的段落就是段落标签p标签，其特点就是独占一行，段落之间存在间隙

三．HTML的换行标签

换行标签为br标签，就是让文字强制换行显示，其特点就是单标签，可以让文字强制换行

四．HTML的水平线标签

在文章中，有时候会用一条横线来分割不同主题的内容，网页中的横线就是水平线标签hr，其特点就是单标签，在网页中显示一条横线

五．HTML的文本格式化标签

在网页中，可以让文字有加粗、倾斜、删除线、下划线等效果的标签就是文本格式化标签，用来突出文字的重要性或者强调。下面有两组文本格式化标签，前者和后者效果都是一样的，但是后者语意更强烈。虽然前者更简短，但是，还是推荐大家使用第二组标签，第二组标签更具语义化，有利于我们更好的理解与记忆，有利于计算机解析，对搜索引擎（SEO)有帮助。
1.b或strong标签，可以让文字加粗效果

2.i或em标签，可以让文字有倾斜效果

3.u或ins标签，可以让文字有下划线效果

4.s或del标签，可以让文字有删除线效果

六．HTML的图片标签

在网页中显示图片，就要用到图片标签img，图片标签也是单标签，图片标签img要展示对应的效果，需要用到标签的属性，例如src属性，alt属性，title属性，width和height属性
1.图片标签的src属性
src属性的值就是要使用图片的路径，当点HTML文件和目标图片在同一个文件夹中的时候，路径直接写要使用图片的名字就可以了

2.图片标签的alt属性
当网页中的图片资源加载失败的时候，为了让浏览者明白加载失败的资源是什么，我们就可以用文字来代替，这时候我们就可以用alt属性，alt的属性值就是替换文本，当图片加载失败的时候，才会显示alt的文本，当图片加载成功的时候是不会显示的

3.图片标签的title属性
在网页中，有些图片鼠标悬停在上面是有文字显示的，这个就是用title属性来实现的，title属性的值就是提示文本

4.图片标签的width和height属性
图片标签的width和height属性是分别设置网页中图片的宽和高的，宽和高如果只设置其中一个属性，另一个属性会等比例自动缩放，图片不会变形

如果同时设置宽和高，设置不当时，图片会变形