SITEMAP [初めてのホームページ講座] [逆引きHTML] [8.イメージ] [2.イメージと文字の並び]

逆引きHTMLリファレンス

8. イメージ

8-2. イメージと文字の並び

●タグ

<IMG>

●構文

xxx	：下記のいずれかを指定します
	top：イメージの最上段に文字を並べる middle：イメージの中央に文字を並べる bottom：イメージの最下段に文字を並べる（既定値） left：イメージを左に表示し、右に文字を回り込ませる right：イメージを右に表示し、左に文字を回り込ませる

●説明

表示する画像と文章の位置関係を決めるものです。 (1)イメージの表示でも記述したように、改行しなければ右側に文字が表示されるのは、このAlign属性の既定値が「bottom」であるためです。また、文字の回り込みを解除する方法は、<BR Clear="all">で行います。

●HTML4.0

IMG要素

●サンプル

実際に表示

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
	<META Http-Equiv="Content-Type" Content="text/html;charset=Shift_JIS">
	<TITLE>イメージと文字の並び</TITLE>
</HEAD>
<BODY>
	初めてのホームページ<BR>
	<IMG Src="./title.gif" Alt="サンプル画像" Align="right">
	文字の回り込みの例です。右にイメージを表示した場合は、左に文字が表示されます。
</BODY>
</HTML>

[Go To Top]