html标签/分类/特点

一.块级标签：div   p   ul   ol   li   html   body    h1    h2    h3      h4    h5      h6   

特点：1.会独占一行。 2.设置宽高能显示效果。  3.支持所有CSS样式。  4.标签默认宽度是父级标签的100%。

二.行级标签：span   a    font    em    i    u     b    strong

特点：1.不会独占一行，行级标签内容会显示在同一行。   2.它的宽度是由其内容撑开决定，但是高度不行。  3.不支持所有CSS样式（比如padding/margin-top/bottom）。 

三.行内块级标签：img    input

特点：1.支持所有CSS样式。  2.同属性标签会在一行显示。   3.内容会撑开宽度。

1.h1---h6 主题标签 

特点：样式效果依次递减，权重依次递减。

div标签   块级无语义标签

特点：没有固定的语义，一般用来做盒子搭建，在最外围开始使用，网页中语义不明确时使用。

span标签      块级无语义标签   

特点： 没有固定的语义，一般被嵌套在其他标签里面使用，网页中语义不明确时使用。

p标签    段落标签

特点：主要用来包裹段落文本，也可用作它途。

ul  ol   li    列表标签

特点：主要用来包裹相似或一致模型的内容，比如导航栏，小图片布局等。

b  u   i  font   s  em  strong等标签      样式或强调标签

特点：用来修饰/强调页面中的某个关键词或重要内容。

table  tr  td   thead  tbody  tfoot 标签      表格标签

特点：用来制作表格，tr代表行，td代表单元格，thead代表表头，tbody代表表格主体内容，tfoot代表表格的页脚。

a标签   伪类/超链接标签

特点：根据属性值可以从一个页面链接到另外一个页面或者链接到指定位置。

img标签   图片标签

特点：可以用它导入图片。

dl   dt    dd标签     定义列表标签

特点：自身有样式，用来做列表，比如上面是小标题，下面是文本解释。

hr标签    水平线标签

特点：分离内容。

br标签    换行标签

特点：用它实现文本换行

pre标签     预处理标签

特点：页面能按照你输入时的样式显示内容。

sub /sup标签    下标标签和上标标签

特点：用于文字注释或提示作用。

input标签   表单标签

特点：根据type取值不同实现不同的表单需求。