コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > ブロック要素とインライン要素の詳細な紹介

ブロック要素とインライン要素の詳細な紹介

零下一度
リリース： 2017-07-27 14:54:45
オリジナル
1716 人が閲覧しました
インライン要素: 幅と高さの設定は、テキストの内容には影響せず、折り返すこともできません。垂直方向や間隔も機能しません
表示は、インライン要素とブロック要素の強制変換を行うことができ、また、何も表示しないこともできます
block要素（ブロック要素）
アドレス- アドレス
blockquote - ブロック引用符
center - 中央揃えブロック
dir - ディレクトリ リスト
div - 一般的に使用されるブロックレベル要素、CSS レイアウトのメインタグ
dl - 定義リスト
fieldset - フォームコントロールグループ
フォーム - インタラクティブフォーム
h1 - 見出し
h2 - サブタイトル
h3 - レベル3の見出し
h4 - レベル4の見出し
h5 - レベル5の見出し
h6 - レベル6の見出し
hr - 水平方向の区切り線
isindex - 入力プロンプト
menu - メニューリスト
noframes - フレームのオプションのコンテンツ (フレームをサポートしていないブラウザの場合は、このブロックのコンテンツを表示します)
noscript - オプションのスクリプトのコンテンツ (フレームをサポートしていないブラウザの場合)スクリプトをサポートしていません) このコンテンツを表示します)
ol - 順序リスト (順序リスト)
p - 段落
pre - フォーマットされたテキスト
table - 表
ul - 順序なしリスト (順序なしリスト)
引用: 表示なし書き込み:ブロック前、幅と高さの設定はできません
インライン要素(インライン要素) インライン要素
a - アンカーポイント
abbr - 略語
頭字語 - 最初の文字
b - 太字(非推奨) ) )
bdo - Bidi override
big - 大きなフォント
br - 改行
cite - quote
code - コンピュータコード(ソースコードを引用する場合に必要)
dfn - フィールドの定義
em - 強調
font - フォント設定 (非推奨)
i - 斜体
img - 画像
input - 入力ボックス
kbd - キーボードテキストを定義
label - 表のラベル
q - 短い引用符
s - 中くらいのストローク行 (推奨されません)
samp - サンプル コンピューター コードを定義します
select - プロジェクトの選択
small - 小さいフォントのテキスト
span - 一般的に使用されるインライン コンテナー、テキスト内のブロックを定義します
strike - 取り消し線
strong - Bold Emphasis
Sub -subscript
Sup -SuperScript休憩、
hr-水平分割線

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

関連ラベル：
Block element
ソース：php.cn
前の記事：CSS利用記述仕様 次の記事：css3 読み込み グラフィックスとテキストの読み込みの例
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
React Router のネストされたルーティングと検索パラメーターの使用 ネストされた React ルートで検索パラメーターを使用する場合、/app 上で、/app/user に移動するリンクをクリックした後、ナビゲーションが機能しません。ネストせずに試...
から 2024-04-05 13:48:33
0
1
1475
Vuex パラメータの受け渡し this.$store.commit('deleteCheckboxItems',response.data.items.forEach(element=>{element....
から 2024-04-03 22:36:08
0
2
334
最近クリックした要素にクラスを割り当てる TailwindCSS を使用してスタイル設定された次のようなカレンダーがあります。現在 8 Wednesday をクリックしているため、ピンクの背景とピンクの影が付いています。 ...
から 2024-04-03 16:36:09
0
1
336
要素内で複数の項目を整列する: ステップバイステップのガイド 一つの要素内に異なるアイテムを並べたい！ Elementにフレックスボックスを与えて中の項目を自分で調整してみました！しかし、正しく反応しません！リスト項目は、左のリンクが左側に、...
から 2024-04-01 23:21:40
0
2
366
テキスト領域を切り替えて、HTML コードとプレビューを切り替えます。 テキストエリアを使ってHTMLコードとプレビューHTMLを切り替えたいのですが、HTMLをクリックすると隠れていたテキストエリアのコードが表示され、再度HTMLをクリックすると再度...
から 2024-03-31 11:52:47
0
1
348
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート