htmlタグの分類は何ですか?

html タグ要素は次のとおりです: 1. タグは 1 行を占め、幅と高さはブロック タグとして指定できます; 2. タグは 1 行で、幅と高さはcontent. コンテンツがHTMLの幅を超える場合のみ、改行に折り返せるインラインタグ; 3. インライン要素とブロック要素の両方の性質を持つインラインブロックタグ。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

HTML タグの種類は、ブロックレベル タグ、インライン タグ、インライン ブロック タグの 3 種類に分類できます。

ブロックレベルラベル:

ブロックレベルラベル: ラベルは 1 行を占め、幅と高さを指定できます。

機能:

• 幅と高さを識別できます

• 上下左右のマージンとパディングは、すべて有効です

• 行を自動的に折り返すことができます

• #複数のブロック要素タグは一緒に記述され、デフォルトの配置は上から下です

• margin:0 auto を使用して配置を中央に配置できます。

一般的に使用されるブロック要素は次のとおりです。

、

、

...

、

、

、

、、

、

、

inline タグ:

インライン (行レベル) タグ: タグは行内にあります。幅と高さは内容によって決まります。内容が幅を超える場合のみです。 HTML では折り返されます。

機能:

• 幅と高さを設定できません

• 余白は上下に影響せず、左右にのみ影響します。 、パディングには効果があり、スペースが拡張されます; box-sizing:border-box; この属性はボックス モデル用であるため無効です。

• 自動的に折り返されません

一般的に使用されるインライン要素は次のとおりです:

、、 、、、、、、、<p></p>インライン ブロック タグ: <p></p>インライン ブロック要素 (inline-block) は、インライン要素とブロック要素の両方の特性を備えており、display:inline-block というコードによってインライン ブロック要素として設定されます。 (css2.1 の新機能)、<img alt="htmlタグの分類は何ですか?" > および <input> タグは、このようなインライン ブロック タグです。 <p></p> 機能: <p></p> <ul style="list-style-type: disc;"> <li> 自動的に折り返されません <p></p> </li> <li> 幅と高さを設定できます <p></p> </li> <li>デフォルトの配置は左から右です<p></p> </li> <li>text-align:centerを使用すると、imgタグなどの親ボックスに対してコンテンツを水平方向および中央に配置できます。 text-align:center を使用できます。親ボックスに対して中央に配置され、margin: 0 auto valid <p></p> </li> <li> 水平方向に配置されますが、すべての要素には 1 スペースのギャップが生じます。デフォルトでは、HTML 改行の要素間にキャリッジ リターンが記述されているため、ブラウザの解析ではスペースに解析されます。 <p></p> </li> </ul>一般的に使用されるインライン ブロック要素は次のとおりです: <p></p> <img alt="htmlタグの分類は何ですか?" >、<input><p></p>HTML タグ タイプは変換できます: <p> </p> <ul style="list-style-type: disc;">#display:inline;インライン要素に変換<li><p></p></li>display:linline-block;インライン ブロック要素に変換<li><p></p></li>display:block;ブロックレベルの要素に変換<li><p></p></li>推奨される学習: </ul>html ビデオ チュートリアル<p><a href="https://www.php.cn/course/list/11.html" target="_blank"></a></p>

以上がhtmlタグの分類は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。