静岡理工科大学 | 菅沼ホーム | HTML 目次 | 索引 |
[NamedConstructor=Image(), NamedConstructor=Image(unsigned long width), NamedConstructor=Image(unsigned long width, unsigned long height)] interface HTMLImageElement : HTMLElement { attribute DOMString alt; attribute DOMString src; attribute DOMString srcset; attribute DOMString crossOrigin; attribute DOMString useMap; attribute boolean isMap; attribute unsigned long width; attribute unsigned long height; readonly attribute unsigned long naturalWidth; readonly attribute unsigned long naturalHeight; readonly attribute boolean complete; };
<!DOCTYPE HTML> <HTML> <HEAD> <TITLE>IMG 要素の使用例</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <LINK REL="stylesheet" TYPE="text/css" HREF="../../master.css"> <SCRIPT TYPE="text/javascript"> sw = 0; function change() { switch (sw) { case 0: document.getElementById("image").src = "../sakura.gif"; sw = 1; break; case 1: document.getElementById("image").src = "../ajisai.gif"; sw = 2; break; case 2: document.getElementById("image").src = "../ayame.gif"; sw = 0; break; } } </SCRIPT> </HEAD> <BODY CLASS="white" STYLE="text-align: center"> <H1>IMG 要素の使用例</H1> <H3>(画像をクリックしてみて下さい)</H3> <IMG SRC="../ayame.gif" ID="image" onClick="change()"> </BODY> </HTML>
---------- img2.htm ---------- <!DOCTYPE HTML> <HTML> <HEAD> <TITLE>イメージマップ</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <LINK REL="stylesheet" TYPE="text/css" HREF="../../master.css"> </HEAD> <BODY CLASS="white" STYLE="text-align: center"> <H1>イメージマップ</H1> <H3>(紫陽花の花の部分をクリックしてみて下さい)</H3> <IMG SRC="../ajisai.gif" ALT="紫陽花の花" USEMAP="#map1"> <MAP NAME="map1"> <AREA HREF="img2_1.htm" SHAPE="circle" COORDS="150,40,40" TITLE="花の色(紫)" ALT="花の色(紫)"> <AREA HREF="img2_2.htm" SHAPE="circle" COORDS="110,130,50" TITLE="花の色(青)" ALT="花の色(青)"> </MAP> </BODY> </HTML> ---------- img2_1.htm ---------- <!DOCTYPE HTML> <HTML> <HEAD> <TITLE>紫の花</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <LINK REL="stylesheet" TYPE="text/css" HREF="../../master.css"> </HEAD> <BODY CLASS="white"> <P>紫陽花</P> <P> ユキノシタ科の落葉低木.ガクアジサイの改良種とされる.幹は根から叢生.高さ約一・五メートル.葉は広卵形で対生.六~七月頃,球状の集散花序に四枚の萼片だけが発達した不実の花(装飾花)を多数つける.色は青から赤紫で,変化するところから「七変化」の名もある.観賞用.花は解熱薬,葉は瘧(おこり)の治療薬用.また,広くはサワアジサイ・ガクアジサイなどの総称で,ヨーロッパでの改良品種をセイヨウアジサイ・ハイドランジアなどと呼ぶ.あずさい.四片(よひら).</P> <P>花の色について(紫)</P> <P> 花の色が,紫になるのは,・・・</P> <P> ・・・・・</P> </BODY> </HTML> ---------- img2_2.htm ---------- <!DOCTYPE HTML> <HTML> <HEAD> <TITLE>青い花</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <LINK REL="stylesheet" TYPE="text/css" HREF="../../master.css"> </HEAD> <BODY CLASS="white"> <P>紫陽花</P> <P> ユキノシタ科の落葉低木.ガクアジサイの改良種とされる.幹は根から叢生.高さ約一・五メートル.葉は広卵形で対生.六~七月頃,球状の集散花序に四枚の萼片だけが発達した不実の花(装飾花)を多数つける.色は青から赤紫で,変化するところから「七変化」の名もある.観賞用.花は解熱薬,葉は瘧(おこり)の治療薬用.また,広くはサワアジサイ・ガクアジサイなどの総称で,ヨーロッパでの改良品種をセイヨウアジサイ・ハイドランジアなどと呼ぶ.あずさい.四片(よひら).</P> <P>花の色について(青)</P> <P> 花の色が,青になるのは,・・・</P> <P> ・・・・・</P> </BODY> </HTML>
静岡理工科大学 | 菅沼ホーム | HTML 目次 | 索引 |