画像の回り込みの文章の位置、または画像の表示位置を指定する：HTMLタグ辞典

画像（イメージ）タグ

リンクタグ

画像の回り込みの文章の位置、または画像の表示位置を指定する

<img align="">

画像の表示位置（位置揃え）、または画像に対する文字の表示位置（回り込み）を調整するには、IMGタグに「align=""」という属性を追加します。以下のように、5段階の調節が可能です。

※画像の回り込みを右寄せ、左寄せに設定しているときは途中で文章の回り込みを解除する方法も併せて参照してください。

記述例

上揃えの例
<img src="../../logo.gif" align="top">
文字は画像に対してこの位置に表示されます。

文字は画像に対してこの位置に表示されます。

中央揃えの例
<img src="../../logo.gif" align="middle">
文字は画像に対してこの位置に表示されます。

文字は画像に対してこの位置に表示されます。

下揃えの例
<img src="../../logo.gif" align="bottom">
文字は画像に対してこの位置に表示されます。

文字は画像に対してこの位置に表示されます。

左寄せの例
<img src="../../logo.gif" align="left">
文字は画像に対してこの位置に表示されます。上揃えとの違いを良く理解しましょう。

文字は画像に対してこの位置に表示されます。上揃えとの違いを良く理解しましょう。

右寄せの例
<img src="../../logo.gif" align="right">
文字は画像に対してこの位置に表示されます。上揃えとの違いを良く理解しましょう。

文字は画像に対してこの位置に表示されます。上揃えとの違いを良く理解しましょう。

☆ワンポイントアドバイス

この画像の回り込みの指定は、スタイルシートでも設定が可能です。これ以外の画像に関するタグの指定方法や注意点は以下の関連情報を参考にしてください。

→関連情報

<<画像（イメージ）タグ一覧へ戻る

参考

タグをコピーするには？

操作方法

→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。

HTMLタグ辞典メニュー