OBJECT 要素

interface HTMLObjectElement : HTMLElement { attribute DOMString data; attribute DOMString type; attribute boolean typeMustMatch; attribute DOMString name; attribute DOMString useMap; readonly attribute HTMLFormElement? form; attribute DOMString width; attribute DOMString height; readonly attribute Document? contentDocument; readonly attribute WindowProxy? contentWindow; readonly attribute boolean willValidate; readonly attribute ValidityState validity; readonly attribute DOMString validationMessage; boolean checkValidity(); void setCustomValidity(DOMString error); legacycaller any (any... arguments); };

<!DOCTYPE HTML> <HTML> <HEAD>  <TITLE>OBJECT 要素の使用例</TITLE>  <LINK REL="stylesheet" TYPE="text/css" HREF="../../master.css">  <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> </HEAD> <BODY CLASS="white" STYLE="text-align: center"> <H1>Java アプレットと Flash アニメーションの埋め込み</H1> <H3>Java アプレット</H3> <OBJECT TYPE="application/x-java-applet" WIDTH="400" HEIGHT="250"> <PARAM NAME="code" VALUE="Test.class"> <PARAM NAME="codebase" VALUE="./animation"> </OBJECT> <H3>Flash アニメーション</H3>  <OBJECT TYPE="application/x-shockwave-flash" WIDTH="400" HEIGHT="250" DATA="animation/Circle.swf"> <PARAM NAME="movie" VALUE="animation/Circle.swf"> <PARAM NAME="quality" VALUE="high"> <PARAM NAME="bgcolor" VALUE="#e1ffe1"> </OBJECT> </BODY> </HTML>

---------- object2.htm ----------
<!DOCTYPE HTML>
<HTML>
<HEAD>
	<TITLE>OBJECT 要素によるイメージマップ</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>OBJECT 要素によるイメージマップ</H1>
	<H3>（花の部分をクリックしてみて下さい）</H3>
	<OBJECT DATA="../ajisai.gif" USEMAP="#map1" WIDTH="232" HEIGHT="241"></OBJRCT>
	<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>

<!DOCTYPE HTML> <HTML> <HEAD> <TITLE>OBJECT 要素による外部ページの埋め込み</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>OBJECT 要素による外部ページの埋め込み</H1> <OBJECT DATA="img2_1.htm" WIDTH="400" HEIGHT="100"></OBJRCT> </BODY> </HTML>