2012年11月21日
画像とテキスト位置関係1
【ソース】
<img src="画像URL" alt="代替テキスト" align="top | middle | bottom">
【説明】
画像を挟む左右のテキストの位置を指定します。
新しいHTMLの標準仕様では、使用できません。
【サンプル】
▼サンプルページのリンクを以下で指定します
top <img src="img/sample_1.jpg" alt="サンプル" align="top"> top<br>
<br>
<br>
middle <img src="img/sample_1.jpg" alt="サンプル" align="middle"> middle<br>
<br>
<br>
bottom <img src="img/sample_1.jpg" alt="サンプル" align="bottom"> bottom<br>
[表示]
top top
middle middle
bottom bottom
<img src="画像URL" alt="代替テキスト" align="top | middle | bottom">
【説明】
画像を挟む左右のテキストの位置を指定します。
新しいHTMLの標準仕様では、使用できません。
【サンプル】
▼サンプルページのリンクを以下で指定します
top <img src="img/sample_1.jpg" alt="サンプル" align="top"> top<br>
<br>
<br>
middle <img src="img/sample_1.jpg" alt="サンプル" align="middle"> middle<br>
<br>
<br>
bottom <img src="img/sample_1.jpg" alt="サンプル" align="bottom"> bottom<br>
[表示]
top top
middle middle
bottom bottom
【ブログ・制作Tip!の最新記事】
投稿者:ひょっとこ弥太郎|21:59|ブログ・制作Tip!
この記事へのコメント