HTML基础标签总结

 

话不多说我们直接开始！

h1-h6双标签，标题标签。文本自带加粗效果，

文本会从h1到h6文本逐步减小p双标签，段落标签。该标签中可以放置大量的文本内容

sub双标签，下标标签。使用该标签后，该标签中的文本会产生下标的效果

sup双标签，上标标签。使用该标签后，该标签中的文本会产生上标的效果

i双标签，斜体标签。使用该标签后，该标签中的文本会产生斜体的效果

b双标签，粗体标签。使用该标签后，该标签中的文本会产生加粗的效果

s双标签，删除线标签。使用该标签后，该标签中的文本会产生删除线的效果

u双标签，下划线标签。使用该标签后，该标签中的文本会产生下划线的效果

div双标签，分区标签。该标签无任何的效果，但是可以对内容进行分区

span双标签，分区标签。该标签无任何的效果，但是可以对内容进行分区

hr单标签，分割线标签。使用该标签以后会产生一个独立的分割线

` `  实体，表示为一个空格

br标签表示为一个换行，该标签为单标签。一个br表示换一个行

 pre标签双标签。放置在该标签中的内容，浏览器会按照编辑器原有的方式保留其空格和换行。

a标签双标签。该标签可以通过属性表示跳转

 href    表示跳转的链接，跳转的路径，或者跳转的锚点 
 target  跳转的方式                                 

**font标签**

size取值为1-7，依次表示文本的大小

color文本的颜色，支持色值英文单词和颜色16进制表示法

face文本的格式

**img标签**

图片标签。该标签可以通过属性展示一张图片
src表示图片的路径alt文本，图片加载不出来的时候（网络问题，路径错误...）展示的文本align图片的居中方式height图片的高度width图片的宽度

`./`表示当前资源所在的目录

`../` 返回上一级目录

相对路径的 ./是可以省略的

### 单标签

代表：br、meta、hr、img

注意：img标签在HTML4之前的版本也是双标签的形式，所以有的同学们出去做开发所接触的老项目中也有可能会碰到双标签形式的img标签

### 块级标签

特点：标签可以独占一行。可以设置标签的宽度和高度（后期CSS设置）。

代表：div，pre，h1-h6...

### 行内标签 

特点：标签在一行中显示。不可以设置标签的宽度和高度

代表：a,span,i,u,b,s...

### 行内块标签

特点：标签在一行中显示。可以设置标签的宽度和高度

代表：img