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

推薦する

コンパイル/サーバーなしでブラウザにCommonJSモジュールを実装する

目次導入1. one-click.jsとは2. パッケージングツールはどのように機能しますか? 3....

vue の webpack -v エラー解決の概要

XiaobaiはVueについて学び、次にwebpackについて学び、そしてさまざまなものをインストー...

dockerでpdflatex環境を設定する方法

技術的背景Latex は文書作成、特に記事作成には欠かせないツールであり、必須のテキスト組版ツールで...

DockerがElasticsearch7.xを起動してエラーを報告する問題を解決する

Docker実行コマンドの使用docker run -d -p 9200:9200 -p 9300:...

LinuxベースのApacheウェブサイトサービス構成の詳細な説明

オープンソース ソフトウェアである Apache は、最も広く使用されている Web アプリケーショ...

Centos Docker ブリッジ モードでホスト Redis サービスにアクセスできないというトラブルシューティングの経験

背景:以前、コンテナ内のホストが提供する Redis サービスにアクセスする必要があるプロジェクトを...

VMware12.0 インストール Ubuntu14.04 LTS チュートリアル

私は、デスクトップ バージョンとサーバー バージョンの両方で、仮想マシンにさまざまなイメージを何度も...

ハンドラー PageHandlerFactory-Integrated のモジュール リストに不正なモジュール ManagedPipelineHandler が含まれています

Web プロジェクトを開発する場合、IIS をインストールする必要があります。IIS がインストール...

mysql 基本操作文コマンドの詳細な説明

1. MySQLに接続するフォーマット: mysql -h ホストアドレス -u ユーザー名 -p ...

VMware15 の CentOS7 インストールの詳細なプロセスとよくある問題 (画像とテキスト)

1. インストールパッケージの準備VMware-player-15.0.4-12990004、非商...

JavaScriptとTypeScriptの関係

目次1. JavaScript とは何ですか? 2. JavaScript は何に使用されますか? ...

Docker を使用してフロントエンド アプリケーションをデプロイする方法

Dockerはますます普及しています。環境を軽量かつ柔軟に分離し、容量を拡張し、運用保守管理を容易に...

Navicat Premium15 でクラウド サーバーに接続する際のデータベースの問題と落とし穴

クラウドサーバーを使用するとデータベースに接続できる場合もありますが、Navicat Premium...

vmware16 仮想マシンに共有フォルダを設定する方法

1. 仮想マシンに共有フォルダを設定します。 1. 処理する仮想マシンを選択し、右クリックして設定...