ホームページ > 記事 > ウェブフロントエンド > html5タグのカテゴリは何ですか?
html5タグのカテゴリは何ですか?
- 青灯夜游オリジナル
- 2021-12-15 17:53:585020ブラウズ
html5 タグは 3 つのカテゴリに分類されます。 1. ブロック レベルの要素。幅と高さ、自動行折り返し、上下左右のマージンとパディングを設定できる機能が特徴です。 2. インライン要素の特徴は次のとおりです: 幅と高さを設定できず、行は自動的に折り返されません。 3. インライン ブロック要素の特徴は、幅と高さを設定できることと、行は自動的に折り返されません。
このチュートリアルの動作環境: 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>
フォーム
直線を追加
独立した記事を読み込む
ドキュメントセクションを定義<セクション>
非テキストコンテンツを定義
ヘッダー<ヘッダー>
フッター<フッター>
ナビゲーションリンクセクション< ;nav>
ドキュメントまたはセクションの連絡先情報を定義します
小さなフォント サイズでテキストを作成します
下付きテキスト
上付きテキスト
2.インライン要素##タグ型コードの記述
太字;
略語
複数の文字にまたがる
ユーザー入力を取得
ドロップダウン リストを作成する<選択>
複数行のテキスト ボックスを作成<テキストエリア>
コントロール ラベルを定義<ラベル>
3. インラインブロック要素ラベルタイプコード記述
##画像インラインフレーム
推奨チュートリアル: "
html ビデオ チュートリアル"
以上がhtml5タグのカテゴリは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。