よく使われるHTMLタグのインライン要素とブロックレベル要素の詳細な説明

よく使われるHTMLタグのインライン要素とブロックレベル要素の詳細な説明

ブロック要素HTMLタグ分類の詳細

* 住所 - 住所
* blockquote - ブロック引用
* center - 中央揃えブロック
* dir - ディレクトリ一覧
* div - 一般的に使用されるブロックレベル。CSSレイアウトのメインタグでもある。
* dl - 定義リスト
* フィールドセット - フォームコントロールグループ
* フォーム - インタラクティブフォーム(他のブロック要素を含めるためにのみ使用できます)
* h1 - 大きなタイトル
* h2 - サブタイトル
* h3 - レベル3の見出し
* h4 - レベル4の見出し
* h5 - レベル5の見出し
* h6 - レベル6の見出し
* hr - 水平区切り線
* isindex - 入力プロンプト
* メニュー - メニューリスト
* noframes - フレームオプションコンテンツ(フレームをサポートしていないブラウザの場合、このブロックコンテンツが表示されます)
* noscript - オプションのスクリプトコンテンツ(スクリプトをサポートしていないブラウザに表示されます)
* ol - ソートフォーム
* p - 段落
* テキストの事前フォーマット
* テーブル - テーブル
* ul - 順序なしリスト

インライン要素 HTML タグ分類の詳細

* a - アンカーポイント
* abbr - 略語
* 頭字語 - 最初の文字
* b - 太字(非推奨)
* bdo - bidiオーバーライド
* 大きい - 大きいフォント
* br - 改行
* 引用 - 引用
* コード - コンピュータコード(ソースコードを引用する場合に必要)
* dfn - フィールドを定義します
* em - 強調
* フォント - フォント設定(非推奨)
* i - 斜体
* img - 画像
* 入力 - 入力ボックス
* kbd - キーボードのテキストを定義します
* ラベル - テーブルラベル
*q - 短い引用
* s - ハイフン(非推奨)
* samp - サンプルコンピュータコードを定義します
* 選択 - 項目の選択
* 小 - 小さいフォントのテキスト
* span - 一般的に使用されるインラインコンテナ。テキストブロックを定義します。
* ストライク - ダッシュ
* 強い - 太字の強調
* 下付き文字
* sup - 上付き文字
* テキストエリア - 複数行のテキスト入力ボックス
* tt - テレテキスト
* u - アンダースコア
* var - 変数を定義する

可変要素 HTML タグ分類の詳細

* アプレット - Java アプレット
* ボタン - ボタン
* del - テキストを削除
* iframe - インラインフレーム
* ins - 挿入されたテキスト
* マップ - 画像ブロック(マップ)
* オブジェクト - オブジェクト
* スクリプト - クライアント スクリプト

要約:

1. div h1 p ul liなどのブロックレベル要素は折り返して同じ行に表示したい

フロートまたは表示が必要: インライン

2. a span b などのインライン要素を並べて表示できます。デフォルトの幅設定では機能しません。

display: inline-block または block を設定する必要があります。

要約する

以上が、よく使われる HTML タグのインライン要素とブロックレベル要素についての編集者による紹介です。皆様のお役に立てれば幸いです。ご質問がございましたら、メッセージを残していただければ、すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。

<<:  MySQL InnoDB の重要なコンポーネントの概要

>>:  JavaScript で簡単なモグラ叩きゲームを実装する

推薦する

win10 で mysql8.0.23 をインストールし、「サービスが制御機能に応答しません」という問題を解決する方法

Windows10にmysqlをインストールする1. 公式サイトからMySQLをダウンロードするウェ...

Apache の一般的な仮想ホスト設定方法の分析

1. Apacheサーバーのインストールと設定yum インストール httpd -y systemc...

Linux にバイナリ MySQL をインストールして MySQL パスワードをクラックする方法

1. システムに必要な libaio ソフトウェアがインストールされていることを確認します。インスト...

25 div+css プログラミングのヒントとコツ

1. ul タグには、Mozilla ではデフォルトでパディング値がありますが、IE ではマージン値...

CSS3 アニメーション – ステップ機能の説明

最近、CSS3 アニメーションのソース コードの実装をいくつか見ていたところ、CSS コード アニメ...

HTML チェックボックスとラジオボタンスタイルの美化の簡単な例

HTML チェックボックスとラジオボタンスタイルの美化の簡単な例チェックボックス: XML/HTML...

Linux 上の Nginx に複数のバージョンの PHP をインストールする

サーバーの LNPM 環境をインストールして構成する場合、複数のバージョンの PHP の共存を考慮す...

最新の人気スクリプトAutojsソースコード共有

今日は、最新の人気スクリプト 50 個を含むソース コードを共有します。現在、Mine Guard ...

CN2、GIA、CIA、BGP、IPLC はどういう意味ですか?

CN2ラインとは何ですか? CN2 は、China Telecom Next Carrier Ne...

Vue3 コンポジション API でロジックの再利用を実装する方法

Composition API はロジック再利用手順を実装します。ロジックコードを関数に抽出します。...

ページネーションの例とベストプラクティス

<br />構造と階層により複雑さが軽減され、読みやすさが向上します。記事やサイトが整理...

jQuery はピッカーをシミュレートしてスライド選択効果を実現します

この記事では、スライド選択効果を実現するピッカーをシミュレートするjQueryの具体的なコードを参考...

CSS3 のエラスティック レイアウトでの em の使用の概要: 1em は何ピクセルですか?

私は長い間 CSS を使用してきましたが、Web 要素の関連属性を設定するために常に「px」を使用し...

選択/フォーカス時にすべてのオプションをリストする現在のより良い方法

開発中にこのような要件に遭遇したので、将来使用するために記録しました。需要背景キーボード ショートカ...

CSS3でアニメーションを実装する3つの方法

これは、面接者の CSS に関する基本的な知識をテストするものです。 CSSでアニメーションを実装す...