HTML5-6(html的标签类型)

简述: HTML有N多个标签,根据显示的类型,主要可分为3大类

• 一.块级标签

  特点:独占一行,不管多宽和多高永远是一行,能随时设置宽度和高度(比如div,p,h1,h2,ul,li)

块级标签

• 二.行内标签 (内联标签)

特点:多个行内标签能同时显示在同一行,宽度高度取决于内容的尺寸(比如:span,a,label等标签)

行内标签 (内联标签)

• 三.行内块级标签(内联-块级标签):前两种优点的一种杂交*

  特点: 多个行内块级标签可以显示在同一行,能随时设置宽度和高度(比如:input,button),也就是说:既能在同一行显示,又能改变宽度和高度

行内块级标签*(内联-块级标签)

• 四.修改标签的显示类型

• CSS中有个属性display 属性能修改标签的显示类型

  • 1.none : 隐藏标签

  • 2.block : 让标签变为块级标签

  • 3.inline : 让标签变为行内标签

  • 4.inline- block : 让标签变为** 行内-块级标签(内联块级**标签)

例如: 把块级标签转化为行内标签

把块级标签转化为行内标签