初学者掌握网页中常用各种标签的用法

说这个问题，新手感觉很难吧，特别是学生刚学前端的，这些标签为什么要这么多呀，有什么好处吗

我来总结一下各种标签的用法（针对初学者或者学生）

div     ——     一般用于布局，整体网页的布局划分，是个大的划分或者小划分中的大划分，比如上中下布局，那么可分为上中下三个div，中间如再划分左右呢，那就再写出左边div和右边div

strong ——  英文翻译为强壮，那么就是重要的文字部分，表现为加粗的字体，醒目标注了文字重要性的标签

font     ——  字体标签 ，英文翻译为字体，就是针对字体做出的标签，比如你想对文字颜色，大小等改变，这个标签还附带了color  size 这些属性。

em      ——  文字斜体，经常看到的文档里面字体为斜体的，也是强调的表现

span   ——  这个标签不会对内容做出任何改变，只是附加css效果的，可以对css改变他的属性

b        ——  和span标签用法差不多，但会有加粗的效果，也是强调，他的优化效果要比strong弱一些

p       ——   表示段落，效果为默认换行，有10像素的下边距，一般用到文档的内容文字部分，或者需要换行的地方

ul,li    ——  序列标签，代表一个列表一般情况下需要同时用到，ul为外层父级标签，li为子标签，默认情况下前面会有小点，可以通过css去除。

dl,dt,dd  ——  表示一个以dt为标题，dd为列表的标签，用法和ul差不多，只是多了dt，dt一般为dd列表的类名或总称。

i     ——  标签表示为斜体，用的较少，一般用于定于图标，或者注释等

h1,h2,h3.,h4,h5,h6   ——  标签表示为网页中从最重要到一般重要的划分。



这些是目前较为常用的html标签，这些标签的逻辑关系是这样的，但不代表一定要这样做，只是这样做的话整个层级感觉很好，初学者需要掌握这些东西。