|
ホーム ＞ 画像 ＞ 画像でテキストとの並び方を指定
■画像でテキストとの並び方を指定
<img src="★" align="■">
★･･････画像のファイル名(URL)
■･･････top,middle,bottom
align属性を使うと画像とテキストの並べ方を指定できます。
通常は画像は前後のテキストと一緒に１つの行の中に配置されます。
また一行に収まりきらない場合は画像の下に表示されます。
画像の隣に複数行のテキストを並べたい場合は
align属性にleft、rightを指定します。
top
┗画像の上と周囲のテキストを上に揃える
middle
┗画像の中央とテキストのベースラインを揃える
bottom(初期値)
┗画像の下と周囲のテキストのベースラインを揃える
記入例。
 メモ帳 |
|
ファイル(F) 編集(E) 書式(O) 表示(V) ヘルプ(H) |
<!DOCTYPE HTML PUBLIC-"//W3C//DTD HTML4.01 Transitional//EN">
<html>
<head>
</head>
<body>
<img src="sample.gif"
align="top" alt="サンプル画像">topを指定。<br>
<br>
<img src="sample.gif"
align="middle" alt="サンプル画像">middleを指定。<br>
<br>
<img src="sample.gif"
align="bottom" alt="サンプル画像">bottomを指定。<br>
<br>
</body>
</html>
|
表示結果
 |
|
 |
|
 topを指定。
middleを指定。
bottomを指定。
|
 |
 |
 |
 |
|
スポンサードリンク
ホーム
