ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML のブロックレベル要素と行レベル要素の概要
HTML のブロックレベル要素と行レベル要素の概要
- 王林転載
- 2020-02-17 18:02:333358ブラウズ
html 要素は、ブロック レベルの要素と行レベルの要素に分類できます。
ブロックレベル要素とは何ですか?
単独で行を占めることができ、幅と高さを設定できます。デフォルトは 100% です。
(推奨される関連チュートリアル: html チュートリアル )
行レベルの要素 逆に、その内容によって幅と高さが決まり、特殊文字はテキストとして扱われます。
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> HTML块级、行级元素，特殊字符，嵌套规则</title>
</head>
<body>
<!-- 块元素:独占一行，可以设置宽高、默认宽度100% -->
块元素分为文字类和容器类
文字类块元素:p、h1——h6
容器类块元素：div、table、tr、td、frame、ul>li、ol、dl、dt、dd（序列）
<!-- 行元素:不独占一行，宽高度取决于内容 -->
行元素：a img input strong em del span
特殊字符：文字 br   hr
</body>
</html>ネスト ルール:
1. ブロック要素は行要素内にネストできます;
2. 行要素はnested ネストされた行要素;
3. 行要素はブロック要素内にネストできません;
4. テキスト ブロック要素はブロック要素内にネストできません;
5. コンテナ クラスブロック要素はブロック要素をネストできます。
プログラミングの知識をさらに学びたい場合は、php 中国語 Web サイトの プログラミング チュートリアル 列を参照してください。
以上がHTML のブロックレベル要素と行レベル要素の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事はcnblogs.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
前の記事：ポストメッセージの使い方を詳しく解説次の記事：ポストメッセージの使い方を詳しく解説