Homepage Zero ガイド
logo

ゼロから始めよう!わかりやすい!ホームページ作成ガイド

初めての方へ|総合案内|お問い合わせ|当サイトについて

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ホームHTMLリファレンス(アルファベット検索)><img>タグ

HTMLタグ辞典
タグ一覧(ABC順) 目的別タグ一覧 スタイルシート一覧(ABC順) 目的別スタイルシート一覧

<img>…画像を埋め込む

使用タグ

HTMLタグ

<img 属性="属性値">〜</img>

開始タグと
終了タグ

開始タグのみ

内容となる
要素

なし

対応ブラウザ IE6 WinFireFox WinSafariFireFox MacIE5 macOpera

解説

<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| ホームページお役立ち情報| ホームページレベルアップ情報| その他

<TOP>

logo
ゼロから始めよう!わかりやすい!ホームページ作成ガイド

|初めての方へ|総合案内|お問い合わせ|当サイトについて|

copyright (C) TOMIY All Right Reserved
inserted by FC2 system