[新着] Webテンプレートを仮オープンしました
spanタグに囲まれた内容は、ひとつのまとまりとして扱うことができます。
<span>まとまりとして扱われます</span>
divタグと似ていますが、divはブロック要素、spanはインライン要素に分類されます。
見た目上の違いは次のようになります。
divタグ … 前後に改行が入ります
spanタグ … 前後に改行は入りません
※divタグとspanタグは、主にスタイルシートと組み合わせて使用します。ひとつのまとまったエリアにスタイルシートを適用させる場合はdivタグを使用し、文章中の一部にスタイルシートを適用させる場合はspanタグを使用します。
■divタグとspanタグにスタイルシートを指定した例
<div style="width: 40%; border: 1px #ff8000 solid; background-color: #ffffff; padding: 5px;">
スタイルシートと組み合わせた使用例です。divタグにはボックスを作成するためのスタイルシートを指定し、spanタグには<span style="color: red;">文字色を赤くする</span>スタイルシートを指定しています。
</div>
▼これをブラウザで見ると次のように表示されます
