よく使われる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の自動増分主キーIDはこのように処理されません

MySQLの自動増分主キーIDは段階的に増加しません1. はじめにMySQL データベースにデータを...

LinuxシステムのAnsible自動運用保守導入方法

Ansible は、Python をベースに開発された新しい自動運用・保守ツールです。 多くの古い運...

リンク更新ページと js 更新ページの使用例

1. リンクの使用方法:コードをコピーコードは次のとおりです。 <a href="j...

MySQL 権限制御の詳細分析

目次1. グローバルレベル2. データベースレベル3. 表面レベル4. 列レベルの権限5. サブルー...

HTML チュートリアル: よく使われる HTML タグのコレクション (5)

導入された HTML タグは、必ずしも XHTML 仕様に完全に準拠しているわけではありません。実際...

Linux でリモート サーバー ファイルの状態を表示する方法

以下のように表示されます。 test コマンドはファイルが存在するかどうかを判断します。 ssh u...

Linuxでのソフトウェア(ライブラリ)の更新コマンドの詳しい説明

Ubuntu サーバーにパッケージをインストールする場合、sudo apt-get install ...

MYSQL 演算子の概要

目次1. 算術演算子2. 比較演算子3. 論理演算子4. ビット演算子5. 演算子の優先順位1. 算...

MySQL 永続統計の詳細な説明

1. 永続的な統計情報の重要性:統計は、MySQL が実行プランを生成するためのガイドとして使用され...

MySQL バックアップ スクリプトの書き方

序文:データベースのバックアップの重要性は、特にデータの損失が深刻な結果を招く可能性がある実稼働環境...

CentOS7 インストール GUI インターフェースとリモート接続の実装

ブラウザ (Web ドライバー) ベースの Selenium テクノロジを使用してデータをクロールす...

Vue 親子コンポーネントの相互値の転送と呼び出し

目次1. 親が子コンポーネントに値を渡す2. 子コンポーネントが親コンポーネントに値を渡す3. 子コ...

CSS フロントエンドの知識ポイントのまとめ(必読)

1. CSS の概念: (カスケーディング スタイル シート)利点: 1. コンテンツとプレゼンテ...

新しいウィンドウで開くジャンプメニュー、window.open の使い方の紹介

コードをコピーコードは次のとおりです。 <前> <div> <sele...

例によるMySql CURRENT_TIMESTAMP関数の分析

時間フィールドを作成するときデフォルトのCURRENT_TIMESTAMPデータを挿入する際、このフ...