ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >HTMLタグ一覧 > イメージ

画像と文字の位置を指定する

<img src="画像のファイル名" align="位置">で画像と文字の 位置を指定することができます。 文字の位置は画像の右上、中央、右下、左右に表示することができます。

中央はmiddleとcenterの二通り指定できます。

【ブラウザ表示】

gazou文字が画像の右上にきてます。

gazou文字が画像の真中にきてます。

gazou文字が画像の右下にきてます。

gazou 複数行の文字を
画像の右に
持ってこれます。


gazou 複数行の文字を
画像の左に
持ってこれます。


ソース

<img src="welcome26.jpg" align="top" alt="gazou">文字が画像の右上にきてます。
<img src="welcome26.jpg" align="middle" alt="gazou">文字が画像の真中にきてます。
<img src="welcome26.jpg" align="bottom" alt="gazou">文字が画像の右下にきてます。
<img src="welcome26.jpg" align="left" alt="gazou">
複数行の文字を<br>画像の右に<br>持ってこれます。
<img src="welcome26.jpg" align="right" alt="gazou">
複数行の文字を<br>画像の左に<br>持ってこれます。

■ その他の項目

画像を表示する
画像を拡大、縮小する
画像の説明文を表示する
画像に枠をはめる
画像を壁紙にする
文字の回り込みを解除する
画像の周りに余白を入れる

HTMLタグ一覧のページに戻る

HTMLタグ
テキスト
イメージ
マーキー
テーブル
リンク
リスト
水平線
フォーム
メタタグ
フレーム
音楽タグ
埋め込みタグ

HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.