1. 現在位置:
  2. トップページ
  3. tipsトップ
  4. HTML-画像の表示
全体 |  文字のレイアウト |  文字の装飾 |  背景や文字の色 |  区切り線 |  リスト表示 |  画像の表示 |  サブウインドウ | 
画像の表示

オプション
説明
SRC="ファイル名"表示する画像のフアィル名
ALT="名前"画像の名前を指定
BORDER="ピクセル数枠線の太さの指定
WIDTH=ピクセル数または%
HEIGHT=ピクセル数または%
画像の横幅と縦幅の指定
ALIGN="画像の位置画像の位置と文章の回り込みを指定
VSPACE=ピクセル数
HSPACE=ピクセル数
画像の周りの縦横のすきまを指定
<meta http-equiv="imagetoolbar" content="no">IE6機能の画像にカーソルが乗った時に保存ボタンなどがついたツールバーが表示される
metaタグとしてheadに左記を追加すると、そのツールバーを非表示にする

HTMLの書き方
表示のされ方
<img src="i-a.gif">
<img src="i-a.gif" ALIGN="top">
文字が上
文字が上
<img src="i-a.gif" ALIGN="middle">
文字が真中
文字が真中
<img src="i-a.gif" ALIGN="bottom">
文字が下
文字が下
<img src="i-b.gif" ALIGN="left">
テキストの回り込み指定の例
左に画像を表示、文章が右に回り込む。
テキストの回り込み指定の例。 左に画像を表示、文章が右に回り込む。
<img src="i-b.gif" ALIGN="right">
テキストの回り込み指定の例
右に画像を表示、文章が左に回り込む。
テキストの回り込み指定の例。 右に画像を表示、文章が左に回り込む。
alt属性でテキストを改行する(&#13;&#10;を使う)

<img src="i-b.gif" alt="夏の思い出&#13;&#10;海にかもめとヨット。&#13;&#10;海の向こうには入道雲。>
夏の思い出
海にかもめとヨット。
海の向こうには入道雲。 画像にカーソルを合わせた時に表示される文字が改行しています。