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

推薦する

Docker での Tomcat インストールの 404 問題の解決方法

tomcat の containerID を見つけて、tomacat ディレクトリに入ります。 [r...

Vue3は画像拡大鏡効果を実現します

この記事の例では、画像拡大鏡効果を実現するためのVue3の具体的なコードを参考までに共有しています。...

Vue プロジェクト コード分割ソリューション

目次背景目的分割前プロセス設計ディレクトリ構造の設計問題分割後プロセス設計ディレクトリ構造の設計問題...

MySQL オンラインリカバリ UNDO テーブルスペース 実戦記録

1 MySQL5.6 1.1 関連パラメータMySQL 5.6 では、innodb_undo_dir...

mysql5.7.33 で誤って ibdata ファイルを削除した後にデータを回復する方法

目次1. シナリオの説明: 2. 事例のデモンストレーション: 2.1. MySQLの障害発生前にデ...

4つの柔軟なScssコンパイル出力スタイル

多くの人は、Scss を使用する瞬間からコンパイル方法を説明されてきました。したがって、コマンドのコ...

ユーザーのニーズがマーケティング指向のデザインにつながる

<br />それぞれのトピックについて、チーム内でメールで議論します。議論が白熱するにつ...

Mysqlはマスタースレーブ構成とマルチマスターマルチスレーブ構成を実装します

現在シミュレーションしているのは、マスター スレーブ システム (ホスト 1 台とスレーブ 1 台)...

Vueにおける混合継承の詳細な説明

目次混合継承の影響: 1. 継承Vue.extend メソッド​プロパティを拡張する2. ミックスイ...

DockerはGitを使用してJenkinsのリリースとテストプロジェクトの詳細なプロセスを実装します

目次1. Dockerをインストールする2. カスタムネットワークアドレスを作成する3. Docke...

Swiper.jsプラグインを使用すると、カルーセル画像を非常に簡単に実装できます。

Swiper は、携帯電話やタブレットなどのモバイル端末向けに設計された、純粋な JavaScri...

Vue でよく使われる命令 v-if と v-show の違いを簡単に分析します。

目次序文1.v-ショー2.v-if 3. v-showとv-ifの違い1. 原則の違い2. アプリケ...

CentOS7 で ethereum/Ethereum を最初からインストールする

目次序文sudo書き込み権限を追加するgit 2.9.0をインストールopenssl 1.1.1l ...

html の img src="" で js 関数または js 変数を呼び出して、画像パスを動的に指定します。

この問題に関して、オンライン リソースをたくさん見つけました。ここにいくつかの方法を示します。コード...

Nginx リバース プロキシから go-fastdfs へのケースの説明

背景go-fastdfs は、http プロトコルをサポートする分散ファイルシステムです。一般的なプ...