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 : 让标签变为** 行内-块级标签(内联块级**标签)

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


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

推荐阅读更多精彩内容