スタイル関連のHTML

※新規ウインドウで開きます PDF印刷Eメール

スタイル適用の際に使用するHTMLタグ

段落や画像をグループとしてひとまとめにしたり、単語など特定の範囲を指定しておくとより凝ったスタイルの適用が可能となります。
使用タグ 意味合い 書き方の例 CSSで「背景色緑」を指定した変化例
<div> 特定の範囲をひとつのグループとしてひとまとめにする。
囲まれた範囲はブロックレベル要素となり、
段落と同じように前後が改行される。

<div>

<h4>見出し4</h4>
<p>段落1</p>
<p>段落2</p>

</div>

見出し4

段落1

段落2

<span> 特定の範囲をひとつのグループとしてひとまとめにする。
囲まれた範囲はインライン要素となり、
前後は改行されない。
<h4>見出し<span></span></h4>
<p>段落<span></span></p>
<p>段落<span></span></p>

見出し

段落

段落