Search
  1. img〔画像の埋め込み〕

img
画像の埋め込み

2008/3/26

構文

<img src=”画像のURL” alt=”代替テキスト” />

説明

img要素は、画像の埋め込みを表すインライン要素です。 src属性およびalt属性は必須属性です。

src属性には、画像ファイルのあるURL(絶対または相対パス)を指定します。

alt属性には、画像の代替テキストを指定します。この代替テキストは、画像のパスなどが間違っている場合や、画像を無効にしている場合など、画像が表示されない場合に表示されます。

属性

img要素の属性
属性="値"説明サポート状況必須・任意代替
XHTML 1.0XHTML 1.1
src="%URI"画像ファイルのURIを指定。STFS必須 
alt="%Text"画像ファイルの代替テキストを指定。STFS必須 
name="%NMTOKEN"img要素の名前を指定。TF-任意 
longdesc="%URI"画像の詳細な説明を提供する文書のURIを指定。STFS任意 
height="%Length"画像の高さを指定(px)。STFS任意 
width="%Length"画像の幅を指定(px)。STFS任意 
usemap="%URI"クライアントサイド・イメージマップ用の画像であることを意味する。関連付けるmap要素のname属性の先頭に#をつけた値を指定する。STFS任意 
ismap="ismap"サーバーサイド・イメージマップ用の画像であることを意味する。STFS任意 
align="%ImgAlign"画像の上下・左右方向の整列位置を指定。STFS任意CSS(floatプロパティvertical-alignプロパティ)で代替。
border="%Pixels"画像の枠線の太さを指定。TF-任意CSS(borderプロパティ)で代替。
hspace="%Pixels"画像の左右余白を指定。TF-任意CSS(marginプロパティ)で代替。
vspace="%Pixels"画像の上下余白を指定。TF-任意CSS(marginプロパティ)で代替。

img要素のname属性、align属性、border属性、hspace属性、vspace属性は、XHTML 1.0 Strict および XHTML 1.1 で廃止されました。

サンプル

画像の埋め込み

<!-- 画像の埋め込み -->
<p><img src="/content/img/pic1-thumb.png" alt="ケーキ" /></p>

ケーキ

画像の枠線を指定

<!-- 画像の枠線を指定 -->
<style type="text/css">
	img#cake {
		border:3px dotted maroon;
	}
</style>
<p><img src="/content/img/pic1-thumb.png" alt="ケーキ" id="cake" /></p>

ケーキ

画像を左揃え

<!-- 画像を左揃え -->
<style type="text/css">
	div#img_float {
		clear:both; /* 回り込み解除 */
		overflow:hidden;
	}
	div#img_float img {
		float:left; /* 左揃え */
		margin-right:10px; /* 画像の右側に余白 */
	}
</style>
<div id="img_float">
	<p><img src="/content/img/pic1-thumb.png" alt="ケーキ" id="cake2" /></p>
	<p>話題のKrispy Kreme Doughnuts(クリスピー・クリーム・ドーナツ)♪有楽町にある丸井のB1で、並ぶこと1時間20分。ついにゲットしました!!</p>
	<p>やわらかくてフワフワした生地。大きさは、アメリカンサイズかと思ったら、それほどでもなかった。味も甘すぎず、日本人に合う感じ。それにしても、あの行列はいつまでつづくのやらやらw</p>
</div>

ケーキ

話題のKrispy Kreme Doughnuts(クリスピー・クリーム・ドーナツ)♪有楽町にある丸井のB1で、並ぶこと1時間20分。ついにゲットしました!!

やわらかくてフワフワした生地。大きさは、アメリカンサイズかと思ったら、それほどでもなかった。味も甘すぎず、日本人に合う感じ。それにしても、あの行列はいつまでつづくのやらやらw

関連コンテンツ

Q. このサイトの情報はお役に立ちましたでしょうか?

投票する 投票結果を見る

管理人に【web拍手】を送るweb拍手(1行メッセージも送れます♪)

pagetop

polarized women