よく使われる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 で簡単なモグラ叩きゲームを実装する

推薦する

MySQLステートメントを監視する方法の詳細な説明

クイックリーディングSQL ステートメントを監視する必要があるのはなぜか、監視方法と監視手段について...

JavaScript 状態コンテナ Redux の詳細な説明

目次1. Reduxを選ぶ理由2. Reduxデータフロー3つの原則4. Reduxソースコード分析...

CentOS 7 で PHP 5.4 を 5.6 にアップグレードする方法の簡単な分析

1.ターミナルに入ったらPHPのバージョンを確認するphp -v出力は次のようになります。 PHP ...

虫眼鏡効果を実現するJavaScript

この記事では、虫眼鏡効果を実現するためのJavaScriptの具体的なコードを参考までに紹介します。...

vue3 再帰コンポーネントカプセル化の全プロセス記録

目次序文1. 再帰コンポーネント2. 右クリックメニューコンポーネント要約する序文今日、プロジェクト...

Linux ファイルシステムの説明: ext4 以降

今日は、ext3 や他の以前のファイル システムとの違いを含め、ext4 の歴史について説明します。...

Vue で className として空の文字列を使用することはなぜ推奨されないのですか?

目次空の文字列 '' と null を比較するケース1: 空の文字列を使用する &#...

ポップアップウィンドウの上下中央左右と透明な背景のロックウィンドウ効果を実現する CSS

クリック後にポップアップボックスを実現し、上下左右に中央揃えし、灰色の透明マスクを追加してウィンドウ...

関連するプロパティのリストを含む HTML エリア イメージ ホットスポットの使用の概要

<area> タグは主にイメージマップで使用されます。イメージマップにアクティブ領域 (...

MySQLにインデックスを追加する方法

インデックスの簡単な紹介は次のとおりです。インデックスを追加する目的は、データベース クエリのパフォ...

WEB 標準ウェブページ構造

背景画像でも、ページ上のテキストサイズでも、1 ピクセルの違いは非常に明白です。そして、私は学生時代...

CSS を使用して複数列の等高レイアウトを設定する方法の例

最初は、複数の列のコンテンツのサイズと高さが異なります。ここで、表示する背景を異なるものに設定し、各...

HTML(CSSスタイル仕様)を読む必要があります

CSS スタイル仕様1. クラスセレクター2. タグセレクター3. IDセレクター4. CSSスタイ...

HTML コードの書き方に関する提案のまとめ

リソースファイルのプロトコルを省略する画像、メディアファイル、スタイル、スクリプトの URL では、...

MySQL 自動インクリメント ID のオーバーサイズ問題のトラブルシューティングと解決策

導入Xiao A がコードを書いていたところ、DBA Xiao B が突然、「急いでユーザー固有情報...