H5的块级标签汇总

互联网 18-1-10

这次给大家带来H5的块级标签汇总，怎么使用H5的块级标签？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>

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

H5的块级标签汇总

相关资讯

标签推荐