ホームページ  >  記事  >  ウェブフロントエンド  >  html5タグのカテゴリは何ですか?

html5タグのカテゴリは何ですか?

青灯夜游
青灯夜游オリジナル
2021-12-15 17:53:585092ブラウズ

html5 タグは 3 つのカテゴリに分類されます。 1. ブロック レベルの要素。幅と高さ、自動行折り返し、上下左右のマージンとパディングを設定できる機能が特徴です。 2. インライン要素の特徴は次のとおりです: 幅と高さを設定できず、行は自動的に折り返されません。 3. インライン ブロック要素の特徴は、幅と高さを設定できることと、行は自動的に折り返されません。

html5タグのカテゴリは何ですか?

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

HTML5 のマークは、ブロック レベル要素、インライン要素、およびインライン ブロック要素に分割されます。

インライン要素:

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

  • マージンは上下に無効で、左右のみが有効です。パディングは有効であり、スペースが拡張されます。

  • box-sizing:border-box;このプロパティはボックス モデル用であるため無効です。

  • ##自動的にラップされません

#ブロックレベルの要素:

    # # 幅と高さを設定できます
  • 上下左右のマージンとパディングはすべて有効です
  • 自動的に折り返すことができます行
  • 複数のブロック要素タグは一緒に記述され、デフォルトの配置は上から下です。
  • margin を使用できます。 0 自動

    中央揃え

インラインブロック要素:

    自動的に折り返されません
  • 幅を高く設定できます
  • デフォルトの配置は左から右です
  • を使用できますtext-align:center

    を使用してコンテンツを相対的に配置します。img タグなど、親ボックスを水平方向および中央に配置するには、text-align:center を使用して相対的に中央に配置できます。親ボックスへ

  • #margin:0 auto
  • 無効な

    # は水平に配置されますが、すべての要素に隙間が生じますHTML の要素間にはキャリッジ リターンとライン フィードがあり、ブラウザはそれをスペースに解析するため、デフォルトでは 1 スペースです。
  • #ただし、ラベルのタイプは変換できます。

display:inline
    : に変換します。インライン要素
  • display:linline-block
  • はインラインブロック要素
  • display:block#に変換されます。 # # ブロックレベル要素に変換
  • マスター要素カテゴリ。ここで、学習したタグを次のように分類します:

##1. ブロックレベルの要素タイトル

順序付きリスト

順序なしリスト
  • 定義リスト

    段落タグ

    整形済みテキスト

    大きな引用符

    小さな引用符

    ブロックを分割

    定義<図>

    オーディオ<オーディオ>

    ビデオ<ビデオ>

    テーブル<テーブル>< ;/table>

    フォーム

    直線を追加


    独立した記事を読み込む

    ドキュメントセクションを定義<セクション>

    非テキストコンテンツを定義

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