画像の位置の指定

トップやさしいHTML教室トップメニュー>画像の位置の指定 次へ(画像に文字を回り込ませる)

<img align="■">

画像は文字と同じようにブラウザに認識されますので、前後に文字がある場合には、

あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ

のように一列で表示されます。文字は画像の下の部分にあわせて並んでいますが、alignの属性を使えば、この文字を中央にしたり、上の部分にできます。

プレビュー HTMLソース
サンプル
戻る 進む ホーム
align="top"です align="center"です align="bottom"です
<html>
<head>
<title>サンプル</title>
</head>
<body>
<img src="test.gif"align="top">align="top"です
<img src="test.gif"align="center">align="center"です
<img src="test.gif"align="bottom">align="bottom"です
</body>
</html>

トップやさしいHTML教室トップメニュー>画像の位置の指定 次へ(画像に文字を回り込ませる)