ホーム>HTMLリファレンス(アルファベット検索)><img>タグ
<img>…画像を埋め込む
使用タグ
|
<img 属性="属性値">〜</img> |
開始タグと 終了タグ |
開始タグのみ |
内容となる 要素 |
なし
|
|
|
解説
<img>タグはインライン要素でこれを使えば、ページに画像を埋め込むことができます。読み込む画像を指定するには src 属性を使い、画像の説明を alt 属性で指定します。これらは必須属性なので必ず記述しましょう。
画像については「画像について少し学びましょう!」を参考にしてください。
|
属性と働き
属性 |
働き |
指定できる値 |
src="URL" |
表示する画像ファイルを指定できます |
絶対パス、相対パス |
alt="文字列" |
画像が表示されない場合、代わりに短いテキストを表示できます |
文字列 |
width="幅" |
画像の幅を指定できます |
ピクセル数を表す整数、パーセンテージ |
height="高さ" |
画像の高さを指定できます |
ピクセル数を表す整数、パーセンテージ |
align="表示位置" 非推奨
CSSでの指定…vertical-align
…float |
画像を表示する位置を指定できます |
top(上揃え)、middle(中央揃え)
bottom(下揃え)、left(左揃え)、right(右揃え) |
name="画像の名前"
id 属性 が推奨されている |
スクリプトなどで画像を操作する場合には名前をします |
テキスト |
hspace="幅" 非推奨
CSSでの指定…マージン関連 |
画像の左右にスペースを空けることができます |
ピクセルを表す整数で指定 |
vspace="高さ" 非推奨
CSSでの指定…マージン関連 |
画像の上下にスペースを空けることができます |
ピクセルを表す整数で指定 |
border="太さ" 非推奨
CSSでの指定…border |
画像の周りに枠線を表示できます |
ピクセルを表す整数で指定 |
longdesc="URL" |
画像に関する詳しい説明などのあるページのURIを指定する |
URL |
ismap="ismap" |
ユーザーがクリックした座標をサーバーに送ることができます |
ismap |
usemap="イメージマップ名" |
クライアントサイドクリッカブルマップを作る場合、map 要素の name 属性か id 属性で指定したイメージマップ名を指定します |
URL#イメージマップ名 |
使用例
記述例
<img src="logobb.gif" alt="ホームページゼロガイド" width="171" height="60">
|
|
[ブラウザでの表示例]
ブラウザ |
|
△ページトップへ
ホームページ初心者ガイド|
HTML|
CSS|
ホームページお役立ち情報|
ホームページレベルアップ情報|
その他