属性	値	機能	記述例
align	left center right	左揃えで表示する中央揃えで表示する右揃えで表示する	<HR align="left"> <HR align="center"> <HR align="right">

<SPAN>タグについて

特定の単語やフレーズなどにスタイルを適用するために用いられます。<DIV>タグと違い、こちらはインライン要素のみの対応になります。
<SPAN>タグは、HTMLタグとしては何の意味も持ちません。スタイルを変える時のみに使いましょう。

サンプル

要素をまとめる

以下よりDIVタグで右揃えにします

右揃えになっています

画像も右揃えになります

テーブルも

右揃えになります

右揃えを解除します

DIVタグでスタイルシートを使って文字を赤くします

文字を赤くしています

SPANタグでスタイルシートを使って一部の文字を文字を赤くします

文字を赤くしています

サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するタグ・属性です。

<H2>要素をまとめる</H2>
<P>以下よりDIVタグで右揃えにします</P>
<DIV align="right">
<P>右揃えになっています</P>
<IMG src="img/img1.jpg" width="160" height="120" border="0">
<P>画像も右揃えになります</P>
<TABLE border="1" width="90%">
<TR>
<TD>テーブルも</TD>
<TD>右揃えになります</TD>
</TR>
</TABLE>
</DIV>
<P>右揃えを解除します</P>
<P>DIVタグでスタイルシートを使って文字を赤くします</P>
<DIV style="color: red;">
<P>文字を赤くしています</P>
</DIV>
<P>SPANタグでスタイルシートを使って一部の文字を文字を赤くします</P>
<P>文字を<SPAN style="color: red;">赤</SPAN>くしています</P>

解説・注意点など

<DIV>タグでalign属性を用いることは推奨されていないようです。スタイルシートを用いた方がいいかもしれません。

← HTMLタグリファレンス/Tipsに戻る

eWeb