HTML <div> と <span>
HTML のブロックレベル要素 <div> とインライン要素 <span>
ブロックレベル要素の幅は、ブラウザの表示領(lǐng)域全體に収まります。通常、存在できるブロックは 1 つだけです。行內(nèi)の -level 要素 インライン要素の幅は平均的です 要素內(nèi)のテキストコンテンツに基づいて、複數(shù)のインライン要素をブロックレベル要素內(nèi)に配置できます
例
まず、ブロックレベル要素 <div> とインライン要素 <span><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <div style="border: 1px solid red;"> hello </div> <span style="border: 1px solid blue;">world</span> </body> </html>プログラムの実行結(jié)果:
ブロックレベル要素 <div>
デフォルトでは、ブロックレベル要素は排他的な行を占有し、幅は親要素の幅を自動(dòng)的に埋めます。したがって、複數(shù)のクロスレベル要素が上から下まで複數(shù)行に表示されます。
ブロックレベル要素: div、p、form、ul、li、ol、dl、table...
インライン要素 <span>
インライン要素は単一行を占有せず、その幅は內(nèi)部のコンテンツに応じて変化し、複數(shù)のインライン要素が連続して配置され、1 行に収まりきらないまで分割されません。 :span、strong、em、br、img、input、label、select、textarea、cite...
HTMLグループ化タグ
これまでに非常に多くのタグを?qū)W習(xí)しました。次のセクションでは、これらのタグを使用して簡(jiǎn)単な Web ページ レイアウトを作成する方法を説明します タグ 説明 <span> 用途 ドキュメント內(nèi)でインライン要素を結(jié)合するには、インライン要素 (インライン) )
