ÈÝÆ÷

    
<OBJECT classid="http://www.miamachina.it/analogclock.py">
<PARAM name="height" value="40" valuetype="data">
<PARAM name="width" value="40" valuetype="data">
This user agent cannot render Python apps.
</OBJECT>

 
<PARAM name="height" value="40">
<PARAM name="width" value="40" >

 
<PARAM name="height" value="40" data>
<PARAM name="width" value="40"  data>

<OBJECT classid="http://www.gifstuff.com/gifappli"
       standby="Loading Elvis...">
<PARAM name="Init_values"
       value="./images/elvis.gif">
       valuetype="ref">
</OBJECT>

<OBJECT classid="java:program.start">
</OBJECT>

<OBJECT codetype="application/octet-stream"
           classid="java:program.start">
</OBJECT>

<OBJECT codetype="application/octet-stream"
           classid="java:program.start">
           codebase="http://foooo.bar.com/java/myimplementation/"
</OBJECT>

<OBJECT classid="clsid:663C8FEF-1EF9-11CF-A3DB-080036F12502"
           data="http://www.acme.com/ole/clock.stm">
This application is not supported.
</OBJECT>

Îï¼þÉùÃ÷ºÍʵÀý

<OBJECT declare
           id="earth_declaration" 
           data="TheEarth.mpeg" 
           type="application/mpeg">
  <OBJECT src="TheEarth.gif">
   The <STRONG>Earth</STRONG> as seen from space.
  </OBJECT>
</OBJECT>
...later in the document...
Click to see a neat <A href="#earth_declaration">
animation of The Earth!</A>

<OBJECT declare
     id="tribune"
     type="application/x-webfont"
     data="tribune.gif">
</OBJECT>
...view the poem in KublaKhan.txt here...
<OBJECT classid="http://foo.bar.com/poem_viewer" 
           data="KublaKhan.txt">
<PARAM name="font" valuetype="object" value="#tribune">
<P>You're missing a really cool poem viewer ...
</OBJECT>

ÔªËصĶÔÆë

align ÌØ ÐÔ Ö¸ ¶¨ ÁË Ò» ¸ö Ôª ËØ µÄ λ Öà attribute specifies the position of an object with respect to its context.

Ï Ãæ µÄ Öµ ÔÚ ÎÄ ×Ö Ö® ÖÐ ·Å Öà һ ¸ö Îï ¼þ:

• texttop: Òâ ζ µ± Ç° Îï ¼þ µÄ ¶¥ ¶Ë ÔÚ ´¹ Ö± ·½ Ïò Óë µ± Ç° ÐÐ µÄ ¶¥ ¶Ë ¶Ô Æë.
• middle: Òâ ζ ×Å Îï ¼þ µÄ ÖÐ ÐÄ ÔÚ ´¹ Ö± ·½ Ïò Óë µ± Ç° »ù Ïß ¶Ô Æë.
• textmiddle: Ö¸ Îï ¼þ µÄ ÖÐ ÐÄ ÔÚ ÖØ Ö± ·½ Ïò Óë µ± »ù Ïß ¼° µ± Ç° ×Ö Ìå x-height µÄ ÖÐ ÐÄ ¶Ô Æë. x-height ¶¨ Òå ÁË Î÷ ʽ Êé д ϵ ͳ (Western writing systems) µÄ С д x µÄ ¶¥ ¶Ë. Èç ¹û Õâ ÖÖ ×Ö Ìå ¾ù Ϊ ´ó д µÄ, Óà »§ ´ú Àí Æ÷ Ó¦ µ± ʹ Óà ´ó д X µÄ ¸ß ¶È. ¶Ô ÓÚ Æä Ëü µÄ Êé д ϵ ͳ, Óà »§ ´ú Àí Æ÷ Ó¦ µ± °Ñ ÌØ ¼þ µÄ ÖÐ ÐÄ ºÍ ÎÄ ×Ö µÄ ÖÐ ÐÄ ¶Ô Æë.
• baseline: Ö¸ Îï ¼þ µÄ µ× ¶Ë ÔÚ ´¹ Ö± ·½ Ïò Óë »ù Ïß ¶Ô Æë.
• textbottom: Ö¸ ÌØ ¼þ µÄ µ× ¶Ë ÔÚ ´¹ Ö± ·½ Ïò Óë µ± Ç° ÎÄ ±¾ ÐÐ µÄ µ× ¶Ë ¶Ô Æë.

°üº¬Ò»·ùͼÏñ: IMG ÔªËØ

<!-- To avoid problems with text-only UAs you need to provide
     a description with ALT, and avoid server-side image maps -->
<!ELEMENT IMG - O EMPTY      --  Embedded image -->
<!ATTLIST IMG
  %attrs;                          -- %coreattrs, %i18n, %events --
  src         %URL       #REQUIRED -- URL of image to embed --
  alt         CDATA      #IMPLIED  -- description for text only browsers --
  align       %IAlign    #IMPLIED  -- vertical or horizontal alignment --
  height      %Pixels    #IMPLIED  -- suggested height in pixels --
  width       %Pixels    #IMPLIED  -- suggested width in pixels --
  border      %Pixels    #IMPLIED  -- suggested link border width --
  hspace      %Pixels    #IMPLIED  -- suggested horizontal gutter --
  vspace      %Pixels    #IMPLIED  -- suggested vertical gutter --
  usemap      %URL       #IMPLIED  -- use client-side image map --
  ismap       (ismap)    #IMPLIED  -- use server-side image map --
  >

Õâ ¸ö Ôª ËØ µÄ height ºÍ width ÌØ ÐÔ ´ú Ìæ ÁË Ô´ ͼ Ïñ µÄ ×Ô È» ¸ß ¶È ºÍ ¿í ¶È. Óà »§ ´ú Àí Æ÷ Ó¦ µ± Ïà ÒË µØ Ëõ ·Å ͼ Ïñ.

...preceding text...
I just returned from vacation! Here's a photo of my family at the lake:
<IMG src="http://www.somecompany.com/People/Ian/vacation/family.png"
     alt="A photo of my family at the lake.">

...preceding text...
I just returned from vacation! Here's a photo of my family at the lake:
<OBJECT data="http://www.somecompany.com/People/Ian/vacation/family.png"
        type="image/png">
A photo of my family at the lake.
</OBJECT>

ͼÏñ¶ÔÆ·½Ê½

°üº¬Ò»¸ö¿ÉÔËÐÐС³Ìʽ: APPLET ÔªËØ

<!ELEMENT APPLET - - (PARAM | %inline)*>
<!ATTLIST APPLET
  codebase    %URL       #IMPLIED   -- optional base URL for applet --
  archive     CDATA      #IMPLIED   -- comma separated archive list --
  code        CDATA      #IMPLIED   -- applet class file --
  object      CDATA      #IMPLIED   -- serialized applet file --
  alt         CDATA      #IMPLIED   -- description for text only browsers --
  name        CDATA      #IMPLIED   -- allows applets to find each other --
  width       %Pixels    #REQUIRED  -- suggested width in pixels --
  height      %Pixels    #REQUIRED  -- suggested height in pixels --
  align       %IAlign    #IMPLIED   -- vertical or horizontal alignment --
  hspace      %Pixels    #IMPLIED   -- suggested horizontal gutter --
  vspace      %Pixels    #IMPLIED   -- suggested vertical gutter --
  >

APPLET µÄ ÄÚ ÈÝ ×÷ Ϊ ²» Ö§ ³Ö Õâ ¸ö Ôª ËØ »ò Éè Öà Ϊ ²» Ö§ ³Ö С ÔË ÐÐ ³Ì ʽ µÄ Óà »§ ´ú Àí Æ÷ µÄ ÂÖ Ìæ ÎÄ ×Ö. Õâ ¸ö ÄÚ ÈÝ ÔÚ Æä Ëü Çé ¿ö ±Ø Ðë ±» ºö ÂÔ.

<APPLET code="Bubbles.class" width="500" height="500">
Java applet that draws animated bubbles.
</APPLET>

<OBJECT codetype="application/octet-stream"
        classid="java:Bubbles.class"
        width="500" height="500">
Java applet that draws animated bubbles.
</OBJECT>

<APPLET code="AudioItem" width="15" height="15">
<PARAM name="snd" value="Hello.au|Welcome.au">
Java applet that plays a welcoming sound.
</APPLET>

<OBJECT codetype="application/octet-stream"
        classid="AudioItem" 
        width="15" height="15">
<PARAM name="snd" value="Hello.au|Welcome.au">
Java applet that plays a welcoming sound.
</OBJECT>

ÔÚ HTML ÎĵµÖаüº¬ÁíÒ»·Ý HTML Îĵµ

...text before...
<OBJECT data="file_to_include.html">
Warning: file_to_include.html could not be included.
</OBJECT>
...text after...

ÔÚÒ»·Ý HTML ÎĵµÖаüº¬Ò»¸öͼÏñÓ³Ïñ

¿Í»§¶ËͼÏñÓ³Ïñ

<OBJECT data="navbar.gif" shapes>
 <A href="guide.html" shape="rect" coords="0,0,118,28">Access Guide</a> |
 <A href="shortcut.html" shape="rect" coords="118,0,184,28">Go</A> |
 <A href="search.html" shape="circ" coords="184,200,60">Search</A> |
 <A href="top10.html" shape="poly" coords="276,0,373,28,50,50,276,0">Top Ten</A>
</OBJECT>

Èç ¹û Á½ ¸ö »ò ¸ü ¶à µÄ ¶¨ Òå Çø Óò ½» ²æ, Ê× ÏÈ ±» ¶¨ Òå µÄ Çø Óò ¾ß ÓÐ ÓÅ ÏÈ È¨ (¾Í ÊÇ Ëµ Ïì Ó¦ Óà »§ Êä Èë).

¿Í»§¶ËͼÏñÓ³ÏñÓë MAP ºÍAREA

<!ELEMENT MAP - - (AREA)*>
<!ATTLIST MAP
  %coreattrs;                      -- id, class, style, title --
  name        CDATA     #IMPLIED
  >

<!ELEMENT AREA - O EMPTY>
<!ATTLIST AREA
  shape       %Shape    rect      -- controls interpretation of coords --
  coords      %Coords   #IMPLIED  -- comma separated list of values --
  href        %URL      #IMPLIED  -- this region acts as hypertext link --
  target      CDATA     #IMPLIED  -- where to render linked resource -- 
  nohref      (nohref)  #IMPLIED  -- this region has no action --
  alt         CDATA     #REQUIRED -- description for text only browsers --
  tabindex    NUMBER    #IMPLIED  -- position in tabbing order --
  >

<OBJECT data="navbar1.gif" usemap="#map1"></OBJECT>

<MAP name="map1">
 <AREA href="guide.html" 
          alt="Access Guide" 
          shape="rect" 
          coords="0,0,118,28">
 <AREA href="search.html" 
          alt="Search" 
          shape="rect" 
          coords="184,0,276,28">
 <AREA href="shortcut.html" 
          alt="Go" 
          shape=circ 
          coords="184,200,60">
 <AREA href="top10.html" 
          alt="Top Ten" 
          shape="poly" 
          coords="276,0,373,28,50,50,276,0">
</MAP>

·þÎñÆ÷¶ËͼÏñÓ³Ïñ

<OBJECT data="game.gif" shapes>
  <A href="guide.html" shape="rect" coords="0,0,118,28">
        Rules of the Game</A>
  <A href="http://www.acme.com/cgi-bin/competition"
        ismap 
        shape="default">
        Guess the location</a>
</OBJECT>

ͼÏñ, Îï¼þºÍСÔËÐгÌʽµÄ¿ÉÊÓÕ¹ÏÖ

height ºÍ width ÌØ ÐÔ ¸ø Óà »§ ´ú Àí Æ÷ Ò» ¸ö ͼ Ïñ »ò Îï ¼þ µÄ ³ß ´ç µÄ Ö÷ Òâ, Ëù ÒÔ Ëü ÃÇ ¿É ÒÔ ±£ Áô Ëü ÃÇ µÄ ¿Õ ¼ä ²¢ ¼Ì Ðø  ÔÚ µÈ ´ý ͼ Ïñ Êý ¾Ý ʱ äÖ È¾ ÎÄ µµ. Á½ ¸ö ÌØ ÐÔ ¾ù ʹ Óà ³¤¶È Àà ÐÍ µÄ Öµ. Óà »§ ´ú Àí Æ÷ ¿É ÒÔ Ëõ ·Å Îï ¼þ ºÍ ͼ Ïñ À´ ·û ºÏ Õâ Щ Ïà ÒË µÄ Öµ.

vspace ºÍ hspace ÌØ ÐÔ Ö¸ ¶¨ À´ ²å Èë µ½ ͼ Ïñ ×ó ±ß Óë ÓÒ ±ß (hspace) ºÍ ÉÏ ±ß Óë Ï ±ß (vspace) µÄ ¿Õ °× µÄ Êý Á¿. Õâ ¸ö ÌØ ÐÔ µÄ ȱ Ê¡ Öµ û ÓÐ ±» Ö¸ ¶¨, µ« ͨ ³£ ÊÇ Ð¡ µÄ , ·Ç Áã ³¤ ¶È µÄ. Á½ ¸ö ÌØ ÐÔ ¾ù ʹ Óà ³¤¶È Àà ÐÍ µÄ Öµ.

°ü º¬ Ò» ¸ö A Ôª ËØ µÄ ͼ Ïñ »ò Îï ¼þ ÓРʱ ÖÜ Î§ ÓÐ Ò» ¸ö ¿ò Ïß. border ÌØ ÐÔ Ö¸ ¶¨ ÁË Õâ ÖÖ ¿ò Ïß µÄ ¿í ¶È.
ÈçºÎÖ¸¶¨ÂÖÌæÎÄ×ÖÌØ ÐÔ ¶¨ Òå

ÓÉ ÓÚ ÂÖ Ìæ ÎÄ ×Ö ·Ç ³£ ÓÐ ÓÃ, Ëü ±Ø Ðë ±» С ÐÄ ´¦ Àí. ×÷ Õß Ó¦ µ± ·þ ´Ó Ï ÁÐ µÄ Òý µ¼ ¹æ Ôò:

• µ± ´ò Ëã °ü º¬ Ò» ·ù ͼ Ïñ À´ ¸ñ ʽ »¯ Ò» ¸ö Ò³ ʱ ²» Òª Ö¸ ¶¨ û ÓÐ Òâ Òå µÄ ÂÖ Ìæ ÎÄ ×Ö. ÔÚ Õâ ÖÖ Çé ¿ö ÏÂ, ÂÖ Ìæ ÎÄ ×Ö ¿É ÒÔ Îª ¿Õ ×Ö ´® (""). ÔÚ ÈÎ ºÎ Çé ¿ö ÏÂ, ×÷ Õß ²» Ó¦ µ± ʹ Óà ͼ Ïñ À´ ¸ñ ʽ »¯ Ò³ Ãæ, ·ç ¸ñ Ò³ ¿É È¡ ¶ø ´ú Ö®.
• ²» Òª Ö¸ ¶¨ û ÓÐ Òâ Òå µÄ ÂÖ Ìæ ÎÄ ×Ö (Èç, "dummy text"). ²» ½ö ÊÇ Õâ ×è ÄÓ ÁË Óà »§, »¹ ÓÐ Ëü »á ÓÉ ÓÚ ±Ø Ðë °Ñ ÎÄ ×Ö ×ª »» ³É Óï µ¥ »ò ä ÈË ´¥ µã Êä ³ö ¶ø ¼õ Âý Óà »§ ´ú Æ÷.

µ± Ò» ¸ö ×÷ Õß Ã» ÓÐ Éè ¶¨ IMG »ò APPLET Ôª ËØ µÄ alt ÌØ ÐÔ Ê±, Óà »§ ´ú Àí Æ÷ ½« °´ Ï ÁÐ µÄ ´Î Ðò ¼Æ Ëã Ìá ¹© ÂÖ Ìæ ÎÄ ×Ö.

1. Èç ¹û title ±» ¶¨ Òå, Ëü µÄ Öµ ×÷ Ϊ ÂÖ Ìæ ÎÄ ×Ö ±» Óà À´.
2. Áí Íâ, Èç ¹û HTTP Òý µ¼ Í· µ± °ü º¬ µÄ Îï ¼þ ±» È¡ µÃ ʱ Ìá ¹© ЊϢ, Õâ ¸ö ЊϢ ¿É ÒÔ Óà ×÷ ÂÖ Ìæ ÎÄ ×Ö.
3. Áí Íâ, ʼ ¹û °ü º¬ µÄ Îï ¼þ °ü º¬ ÎÄ ×Ö Óò  (Èç GIF ͼ Ïñ °ü º¬ ij Щ ÎÄ ×Ö ÐŠϢ.), ÓÉ ÎÄ ±¾ Óò À© Õ¹ ¶ø À´  µÄ ЊϢ Ó¦ µ± ±» Óà ×÷ ÂÖ Ìæ ÎÄ ×Ö. ÓÉ ÓÚ Óà »§ ´ú Àí Æ÷ ±Ø Ðë È¡ µÃ Õû ¸ö Ôª ËØ À´ À´ À© Õ¹ ÎÄ ×Ö ÐŠϢ, Óà »§ ¿É ÒÔ ½Ó ÊÜ ¸ü ¾­ ¼Ã »¯ µÄ ´¦ Àí (Àý  Èç ÄÚ ÈÝ  Э ÉÌ).
4. Áí Íâ, Èç ¹û Æä Ëü µÄ ЊϢ ȱ ÉÙ, Óà »§ ´ú Àí Æ÷ Ó¦ µ± ʹ Óà Õâ ¸ö Ôª ËØ Ãû ³Æ (¼õ È¥ Æä À© Õ¹) À´ ¼õ С  ÂÖ Ìæ ÎÄ ×Ö.

1. Èç ¹û title ±» Ö¸ ¶¨, Ëü µÄ Öµ Ó¦ µ± ±» Ôª ËØ ±ê Ìâ ʹ ÓÃ.
2. Áí ¸ö, Èç ¹û name ÒÑ ±»  ¶¨ Òå, Ëü µÄ Öµ Ó¦ µ± ±» µ± ×÷ ºÏ ·¨ »¯ ÂÖ Ìæ ÎÄ ×Ö.
3. »¹ ÓÐ (·¢ ËÍ ºÍ ¸´ λ °´ Å¥), type  ÌØ ÐÔ µÄ Öµ.

---

Ç°Ò³   ºóÒ³   Ŀ¼   ÔªËØ   ÌØÐÔ 

---

 

---

Last Updated: 30-7-1997