<img src="画像ファイル" align="left/right"> 画像の表示位置を指定する -HTMLタグ辞典
HTMLタグ辞典 画像の表示位置を指定する
トップページ 戻る コミュニティ リンク ヘルプ
ページ テキスト フォント リンク イメージ リスト フレーム テーブル フォーム 意味 補助 その他
 HTMLタグ辞典 >> イメージ >> 画像の表示位置を指定する
タグ

 <img src="画像ファイル" align="left/right">

解説

 画像を表示させる設定をすると同時に、align属性に「right」(右)か「left」(左)を指定することで、画像の表示位置を設定することができます。 「right」を指定すると、画像が右に表示され文書が左に表示されます。 「left」を指定すると、画像が左に表示され、文書が右に表示されます。 ただし、中央(center)に表示させることはできません。 画像の下から文書等を記述したい場合は、<br clear="all">を画像とその周辺コンテンツの後に記述します。

ブラウザ

  このタグは Internet Explorer に対応しています。 このタグは Netscape に対応しています。

使用頻度

  (5/5)

画像を表示させる
画像の設定をする
画像の代わりとなる文書を指定する
画像の表示位置を指定する
画像の隣に複数行の文書を表示する
画像の枠を設定する
画像のサイズを指定する
画像を1行の中に表示する
画像の下から文書を始める
画像とコンテンツの間隔を指定する
特定部分をクリックできるようにする

属性 解説
src 画像ファイル名

ホームページ内に表示したい画像を指定することができます。
(例) <img src="ninja.jpg">

align left

画像を左揃えに表示する。
(例) <img src="ninja.jpg"
align="left">

right

画像を右揃えに表示する。
(例) <img src="ninja.jpg"
align="right">

共通属性

classtitlestyleid

サンプルソース 表示例(IE)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>サンプルページ</TITLE>
</HEAD>
<BODY>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>サンプルページ</TITLE>
</HEAD>
<BODY>

<img src="../../img/ninja01.gif" align="left">
align属性に「right」(右)か「left」(左)を指定することで、画像の表示位置を設定することができます。 「right」を指定すると、画像が右に表示され文書が左に表示されます。 「left」を指定すると、画像が左に表示され、文書が右に表示されます。 ただし、中央(center)に表示させることはできません。

<br clear="all">

<img src="../../img/ninja01.gif" align="right">
align属性に「right」(右)か「left」(左)を指定することで、画像の表示位置を設定することができます。 「right」を指定すると、画像が右に表示され文書が左に表示されます。 「left」を指定すると、画像が左に表示され、文書が右に表示されます。 ただし、中央(center)に表示させることはできません。

</BODY>
</HTML>


</BODY>
</HTML>

Internet Explorer
Netscape

サンプルページ
※上記のサンプルソースで記述されたHTMLファイルを、
お使いのブラウザでご覧いただけます。


関連ページ


PAGE TOP
トップページ 戻る コミュニティ リンク ヘルプ




アクセス 昨日 今日 Copyright (C) NEWCREDGE GROUP All Rights Reserved.