ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLタグのインライン要素とブロックレベル要素の詳しい説明

HTMLタグのインライン要素とブロックレベル要素の詳しい説明

小云云
小云云オリジナル
2018-01-05 17:59:202413ブラウズ

この記事では主によく使われるHTMLタグのインライン要素とブロックレベルの要素について詳しく紹介していますので、困っている方は参考にしていただければ幸いです。

Block要素(ブロック要素) HTMLタグ分類詳細

* address - アドレス
* blockquote - ブロック引用符
* center - 中央揃えブロック
* dir - ディレクトリリスト
* p - よく使うブロックレベルが簡単、cssもレイアウト メインタグ
* dl - 定義リスト
* fieldset - フォームコントロールグループ
* form - インタラクティブフォーム (他のブロック要素を収容するためにのみ使用できます)
* h1 - 見出し
* h2 - サブタイトル
* h3 - レベル 3 タイトル
* h4 - レベル 4 見出し
* h5 - レベル 5 見出し
* h6 - レベル 6 見出し
* hr - 水平区切り線
* isindex - 入力プロンプト
* menu - メニューリスト
* noframes - フレームのオプションのコンテンツ (フレームをサポートしていないブラウザーにこのブロックのコンテンツを表示します
* noscript - オプションのスクリプト コンテンツ (スクリプトをサポートしていないブラウザーにこのコンテンツを表示します)
* ol - ソート フォーム
* p - 段落
* 事前にフォーマットされたテキスト
* table - テーブル
* ul - ソートされていないリスト

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

* a - アンカーポイント
* abbr - 略語
* 頭字語 - 最初word
* b - 太字 (非推奨) * bdo - bidi オーバーライド
* big - 大きなフォント
* br - 改行
* cite - 引用符
* code - コンピューターコード (ソースコードを引用する場合に必要) * dfn - フィールドの定義強調
* font - フォント設定 (非推奨)
* i - イタリック
* img - 画像
* input - 入力ボックス
* kbd - キーボードテキストを定義
* label - テーブルラベル
* q - 短い引用符
* s -取り消し線 (推奨されません) * samp - サンプル コンピューター コードを定義します
* select - プロジェクトの選択
* small - 小さいフォント テキスト
* スパン - 一般的に使用されるインライン コンテナ、テキスト内のブロックを定義します
* 取り消し線 - 取り消し線
* 強い - 太字強調
* sub - 下付き文字
* sup - 上付き文字
* textarea - 複数行のテキスト入力ボックス
* tt - テレックステキスト
* u - 下線
* var - 変数の定義

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

*アプレット - Java アプレット - オブジェクト オブジェクト

* スクリプト - クライアント スクリプト

概要:


1. p h1 p ul li などのブロックレベル要素は折り返され、同じ行に表示される必要があります

float または display: inline

2. 行レベル Span b などのインライン要素は、デフォルトの幅設定では機能しません

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

関連する推奨事項:

インライン要素をブロックレベル要素に変換する 3 つの方法の概要


HTML のインライン要素とブロックレベル要素の概要


インライン要素の関連使用法の概要

以上がHTMLタグのインライン要素とブロックレベル要素の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。