H5的块级标签汇总

块级元素，简单来说，就是自己独占一行的元素。其特点：

①总是在新行上开始；

　②高度，行高以及外边距和内边距都可控制；

　③宽度缺省是它的容器的100%，除非设定一个宽度。

④它可以容纳内联元素和其他块元素

汇总代码如下：

!doctyPE htML>
      html>
      head>
          meta charset="UTF-8">
          tITle>
    Document/title>
      /head>
      body>
          !-- 块状元素 独占一行 -->
          !-- div无语义,称它为盒子 -->
          div>
    盒子/div>
          !-- h1-h6语义 定义标题 -->
          h1>
    标题1/h1>
          h2>
    标题2/h2>
          h6>
    标题3/h6>
          !-- p 语义 段落标签 写文字-->
          p>
    文章/p>
          !-- 列表多数用来存一系列的相似的数据 -->
          !-- 有序列表 -->
          ol>
              li>
    导航1/li>
              li>
    导航2/li>
              li>
    导航3/li>
          /ol>
          !-- 无序列表 -->
          ul>
              li>
    导航1/li>
              li>
    导航2/li>
              li>
    导航3/li>
          /ul>
          !-- 定义列表 解释某个名词 -->
          dl>
              dt>
    名词/dt>
              dd>
    解释名词的位置/dd>
          /dl>
          !-- 表格 渲染性能不好 少用 -->
          table>
              caption>
    表格头部/caption>
              !-- tr是行 -->
              tr>
                  !-- th表头 -->
                  th>
    星期一/th>
                  th>
    星期二/th>
              /tr>
              tr>
                  !-- td单元格 -->
                  td>
    上课/td>
                  td>
    上课/td>
              /tr>
          /table>
      /body>
      /html>
    

相信看了这些案例你已经掌握了方法，更多精彩请关注其它相关文章！

相关阅读：

H5怎么做出拖拽效果

关于老版本的浏览器不兼容H5和C3的处理方法

H5的CanvasAPI怎样绘制图形

以上就是H5的块级标签汇总的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！