ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML ブロックレベルのタグの概要 (短い記事)

HTML ブロックレベルのタグの概要 (短い記事)

黄舟
黄舟オリジナル
2017-02-20 13:38:061664ブラウズ

ブロックレベル要素は、簡単に言うと、独自の行を占有する要素です。その特徴:

①常に新しい行から開始します。

②高さ、行の高さ、マージン、パディングはすべて制御できます。

③幅を設定しない限り、幅はコンテナのデフォルトの 100% になります。

④ インライン要素やその他のブロック要素に対応できます

要約コードは次のとおりです:

<!doctype html>  

    <html>  

    <head>  

        <meta charset="UTF-8">  

        <title>Document</title>  

    </head>  

    <body>  

        <!-- 块状元素 独占一行 -->  

        <!-- p无语义,称它为盒子 -->  

        <p>盒子</p>  

        <!-- 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>



上記は、エディターによって導入されたHTMLブロックレベルのタグの要約です(小さな記事)、関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。