ÈÝÆ÷

Ŀ¼
  1. °üº¬Ò»¸öÎï¼þ: OBJECT ÔªËØ
    1. Îï¼þ³ǫ̃»¯: PARAM ÔªËØ
    2. Îï¼þÉùÃ÷µÄʵÀý
    3. Îï¼þ¶ÔÆ뷽ʽ
  2. °üº¬Ò»ÕÅͼÏñ: IMG ÔªËØ
    1. ͼÏñ¶ÔÆ뷽ʽ
  3. °üº¬Ò»¸ö¿ÉÔËÐÐС³ÌÐò: APPLET ÔªËØ
  4. ÔÚÒ»·Ý HTML Öаüº¬ÁíÒ»·Ý HTMLÎĵµ
  5. ÔÚ HTML ÎĵµÖаüº¬Ò»¸öͼÏñÓ³Éä
    1. ¿Í»§¶ËͼÏñÓ³Éä
    2. ͨ¹ý MAP ºÍ AREA µÄ¿Í»§¶ËͼÏñÓ³Éä
    3. ·þÎñÆ÷¶ËͼÏñÓ³Éä
  6. ͼÏñ, Îï¼þºÍСÔËÐгÌÐòµÄ¿ÉÊÓ±íÏÖ
  7. Èç¹ûÖ¸¶¨½»»¥Îı¾
Ï Ãæ µÄ Õ ½Ú Ãè Êö ÁË ÓÉ HTML Ìá ¹© µÄ Óà ÓÚ ÔÚ ÎÄ µµ ÖÐ °ü º¬ Ò» ¸ö ×Ê  Ô´ µÄ ²» ͬ µÄ ½á ¹¹. HTML ÔÊ Ðí ×÷ Õß °ü º¬ Îï¼þ, ͼÏñ, СÔËÐгÌʽ, Îļþ ºÍ ͼÏñÓ³Ïñ.

°üº¬Ò»¸öÎï¼þ:OBJECT ÔªËØ

<!ENTITY % OAlign "(texttop|middle|textmiddle|baseline|
                             textbottom|left|center|right)">

<!ELEMENT OBJECT - - (PARAM | %block)*>
<!ATTLIST OBJECT
  %attrs                           -- %coreattrs, %i18n, %events --
  declare     (declare)  #IMPLIED  -- declare but don't instantiate flag --
  classid     %URL       #IMPLIED  -- identifies an implementation --
  codebase    %URL       #IMPLIED  -- some systems need an additional URL --
  data        %URL       #IMPLIED  -- reference to object's data --
  type     %ContentType #IMPLIED  -- Internet content type for data --
  codetype %ContentType #IMPLIED  -- Internet content type for code --
  standby     CDATA      #IMPLIED  -- message to show while loading --
  align       %OAlign    #IMPLIED  -- positioning inside document --
  height      %Length    #IMPLIED  -- suggested height --
  width       %Length    #IMPLIED  -- suggested width --
  border      %Length    #IMPLIED  -- suggested link border width --
  hspace      %Length    #IMPLIED  -- suggested horizontal gutter --
  vspace      %Length    #IMPLIED  -- suggested vertical gutter --
  usemap      %URL       #IMPLIED  -- reference to image map --
  shapes      (shapes)   #IMPLIED  -- object has shaped hypertext links --
  name        %URL       #IMPLIED  -- submit as part of form --
  tabindex    NUMBER     #IMPLIED  -- position in tabbing order --
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè Òª
ÌØ ÐÔ ¶¨ Òå
 
codebase = url
Õâ ¸ö ÌØ ¶¨ Ö¸ ¶¨ ÁË Óà À´ ¾ö ¶¨ Ïà ¶Ô URL µÄ ÓÉ classid Ö¸ ¶¨ µÄ »ù ±¾ · ¾¶ (¾Í ÊÇ Ëµ µ± Îï ¼þ Ðè Òª ´ú Âë µÄ Ê± ºò, Ëü ¸ø ³ö »ù URL). Èç ¹û Õâ ¸ö ÌØ ÐÔ Ã» ÓÐ Ö¸ ¶¨, Ëü µÄ ȱ Ê¡ Öµ ÊÇ µ± Ç° ÎÄ µµ µÄ »ù URL. ²¢ ²» ÊÇ Ëù ÓÐ µÄ äÖ È¾ ½á ¹¹ Ðè Òª Õâ ¸ö ÌØ ÐÔ.
classid = url
Õâ ¸ö ÌØ ÐÔ Í¨ ¹ý URL Ö¸ ¶¨ Ò» ¸ö äÖ È¾ ½á ¹¹ µÄ λ ÖÃ.
codetype = cdata
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ Êý ¾Ý µÄ »¥ Áª Íø ý Ìå ÐΠʽ (Internet Media Type, ²Î ¼û [MIMETYPES]), ´Ë ÐΠʽ ÊÇ ÓÉ classid Ö¸ ¶¨ µÄ äÖ È¾ ½á ¹¹. µ± classid ±» Ö¸ ¶¨ ʱ Õâ ¸ö ÌØ ÐÔ ÊÇ ¿É Ñ¡ µÄ ²¢ ÇÒ ÊÇ ½¨ Òé µÄ, Òò Ϊ Ëü ÔÊ Ðí Óà »§ ´ú Àí Æ÷ À´ ±Ü Ãâ µ÷ Èë ²» Ìá ¹© ý Ìå ÐΠʽ. Èç ¹û û ÓÐ ÏÔ Ê½ µØ ¸ø ³ö Õâ ¸ö ÌØ ÐÔ µÄ Öµ, Ëü Ôò ȱ Ê¡ Ϊ type ÌØ ÐÔ µÄ Öµ.
data = url
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ±» äÖ È¾ µÄ Êý ¾Ý µÄ λ ÖÃ.
type = cdata
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÓÉ data ˵ Ã÷ µÄ Êý ¾Ý »¥ Áª Íø ý Ìå ÐΠʽ (Internet Media Type, ²Î ¼û [MIMETYPES]). µ± data ±» Ö¸ ¶¨ ʱ Ëü ÊÇ ¿É Ñ¡ µÄ ²¢ ÇÒ ÊÇ ½¨ Òé µÄ, Òò Ϊ Ëü ÔÊ ÐíÓà »§ ´ú Àí Æ÷ ±Ü Ãâ µ÷ Èë ²» Ìá ¹© µÄ ý Ìå ÐΠʽ. Èç ¹û Õâ ¸ö ÌØ ÐÔ Öµ û ÓÐ ±» ÏÔ Ê½ µØ ¸ø ³ö, Óà »§ ´ú Àí Æ÷ ×Ô ÐÐ ÅÐ ¶Ï ±» äÖ È¾ µÄ Êý ¾Ý ÐΠʽ.
declare
ÔÚ ÏÔ Ê¾ µÄ ʱ ºò, Õâ ¸ö ²¼ ¶û ÌØ ÐÔ Ê¹ Ö» ʹ Óà µ± Ç° OBJECT µÄ Éù Ã÷. Îï ¼þ ±Ø Ðë Á¢ ¼´ ±» ºó À´ µÄ OBJECT ¶¨ Òå Ö¸ Ã÷.
standby = cdata
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ Ò» ¸ö Óà »§ ´ú Àí Æ÷ ¿É ÒÔ ÔÚ µ÷ Èë Îï ¼þ µÄ Ö´ ÐÐ ºÍ Êý ¾Ý ʱ äÖ È¾ µÄ Ïû Ï¢.
align = texttop|middle|textmiddle|baseline|textbottom|left|center|right
²» ÔÞ ³É. Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË Îï ¼þ µÄ λ Öà ÒÔ ¼° Χ ÈÆ µÄ ÉÏ Ï Òé. Ëü ¿É ÄÜ µÄ Öµ ÔÚ Ìؼþ¶ÔÆ뷽ʽ ÖÐ ±» ¶¨ Òå.
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
 
´ó ¶à Êý Óà »§ ´ú Àí Æ÷ °ü º¬ ¶Ô ³£ ¹æ Êý ¾Ý ÐΠʽ Èç ÎÄ ±¾, GIF ͼ Ïñ, ÑÕ É«, ×Ö Ìå ºÍ ¿É ¿Ø ͼ Ïñ Ôª ËØ µÄ äÖ È¾ ЊϢ. Ϊ ÁË äÖ È¾ Ëü ÃÇ Ìì Éú ²» Ìá ¹© µÄ Êý ¾Ý ÐΠʽ, Óà »§ ´ú Àí Æ÷ ͨ ³£ ÔË ÐÐ Íâ ²¿ ³Ì ʽ. OBJECT Ôª ËØ ÔÊ Ðí ×÷ Õß À´ ¿Ø ÖÆ Óà »§ ´ú Àí Æ÷ ÔÚ ÄÚ ¿Í »¹ ÊÇ Íâ ²¿ ´¦ Àí °ü º¬ µÄ Îï ¼þ.
ÔÚ ´ó ¶à Êý ͨ ³£ µÄ Çé ¿ö ÏÂ, Ò» ¸ö ²å Èë µÄ äÖ È¾ ½á ¹¹ Ö¸ ¶¨ ÁË ÐŠϢ µÄ Èý ÖÖ ÐΠʽ:
  ÔÚ Ò» ¶¨ µÄ Çé ¿ö ÏÂ, Ëü ÎÞ Ðè Ö¸ ¶¨ Ëù ÓÐ µÄ Õâ Щ ÐŠϢ. Àý Èç, ij Щ äÖ È¾ ½á ¹¹ ¿É ÄÜ ²» Ðè Òª Êý ¾Ý (Èç °ü º¬ С ÔË ÐÐ ³Ì ʽ µÄ С ¶¯ »­). Æä Ëü äÖ È¾ ½á ¹¹ ²¢ ²» Ðè Òª ÔË ÐРʱ ³õ ʼ »¯. ×î ºó, ij Щ äÖ È¾ ½á ¹¹ ²¢ ²» Ðè  Òª ¶î Íâ µÄ Ö´ ÐРЊϢ, ¾Í ÊÇ Ëµ Óà »§ ´ú Àí Æ÷ ×Ô ÐÐ ¿É ÄÜ ÒÑ ¾­ Öª Ïþ Èç ºÎ À´ äÖ È¾ Õâ Щ ý Ìå ÐΠʽ (Èç GIF ͼ Ïñ).

ÔÚ HTML ÖÐ,  OBJECT Ôª ËØ Ö¸ ¶¨ ÁË äÖ È¾ ½á ¹¹ µÄ λ Öà ÒÔ ¼° äÖ È¾ ½á ¹¹ Ðè µÄ Êý ¾Ý µÄ λ ÖÃ. Õâ Щ ÌØ ÐÔ Í¨ ¹ý OBJECT Ôª ËØ µÄ ЊϢ À´ Ö¸ ¶¨. PARAM Ôª ËØ Ö¸ Ò» ¸ö ¶¯ ÐР̬ Öµ µÄ ¼¯. ÎÒ ÃÇ ÔÚ ºó Ãæ ÑÐ ¾¿ Õâ ¸ö Ôª ËØ, ÔÚ Îï¼þ³õʼ»¯ ²¿ ·Ö.

Ò» ¸ö Óà »§ ´ú Àí Æ÷ ±Ø Ðë ¸ù ¾Ý Ï ÁÐ µÄ ÓÅ ÏÈ È¨ ·¨ Ôò À´ ½â Òë OBJECT Ôª ËØ:

  1. Óà »§ ´ú Àí Æ÷ ±Ø Ðë Ê× ÏÈ ³¢ ÊÔ Ôª ËØ ÌØ ÐÔ ¶¨ Òå µÄ ½á ¹¹.
  2. ²» ¹Ü ʲ ô Ô­ Òò Èç ¹û Óà »§ ´ú Àí Æ÷ ²» ÄÜ äÖ È¾ Õâ ¸ö ½á ¹¹ (û ÓÐ Éè ÖÃ, ×Ê Ô´ ȱ ·¦ ÒÔ ¼° ´í Îó ½¨ ¹¹), µ« Ëü ±Ø Ðë ³¢ ÊÔ äÖ È¾ Ôª ËØ ÄÚ ÈÝ.
ÔÚ Ï Ãæ µÄ Àý  ³Ì ÖÐ, ÎÒ ÃÇ ²å Èë ÁË Ò» ¸ö Ðé ¹¹ µÄ ÒÔ Python (´ó òþ) Óï ÑÔ Ð´ µÄ äÖ È¾ ½á ¹¹ À´ ÏÔ Ê¾ Ò» ¸ö µç ÄÔ Ê± ÖÓ. Õâ ¸ö ¿É ͨ ÐÐ ³Ì  ʽ ÎÞ Ðè ¶î Íâ µÄ Êý ¾Ý ºÍ ÔË ÐР̬ Öµ. classid ÌØ ÐÔ Ö¸ ¶¨ С ÔË ÐÐ ³Ì ʽ µÄ λ ÖÃ:
    
<OBJECT classid="http://www.miamachina.it/analogclock.py">
</OBJECT>
ÎÒ ÃÇ ½¨ Òé ͨ ¹ý °ü º¬ OBJECT ÄÚ ÈÝ ÖÐ µÄ ½» »¥ ÎÄ ×Ö À´ Íê ³É Õâ ¸ö Éù Ã÷. ´Ë Àý ÖÐ Óà »§ ´ú Àí Æ÷ ÎÞ ·¨ äÖ È¾ Õâ ¸ö ÖÓ.
    
<OBJECT classid="http://www.miamachina.it/analogclock.py">
An animated clock.
</OBJECT>
×¢ Òâ Óà »§ ´ú Àí Æ÷ ½« ÔÚ ½â Òë OBJECT Éù Ã÷ µÄ ͬ ʱ äÖ È¾ Õâ ¸ö ÖÖ. ÔÚ Îï ¼þ µÚ Ò» ´Î Éù Ã÷ ʱ äÖ È¾ ½á ¹¹ ¿É ÄÜ »á ÑÓ ³Ù (ÔÚ Ï Ãè Êö).
Ò» ¸ö OBJECT Ôª ËØ ¶¨ Òå µÄ ÖØ Òª Ó° Ïì ÊÇ Ö¸ Ã÷ ½» »¥ Îï ¼þ µÄ äÖ È¾ ½á ¹¹; ÿ ¸ö °ó ¶¨ µÄ OBJECT Éù Ã÷ Ö¸ ¶¨ Ò» ¸ö ½» »¥ äÖ È¾ ½á ¹¹. Èç ¹û Ò» ¸ö Óà »§ ´ú Àí Æ÷ ÎÞ ·¨ äÖ È¾ Ò» ¸ö Íâ ²¿ OBJECT, Ëü ³¢ ÊÔ äÖ È¾ Ëü µÄ ÄÚ ÈÝ, ¿É ÒÔ ÊÇ Áí Ò» ¸ö OBJECT Ôª ËØ µÈ.
ÔÚ Ï Ãæ µÄ Àý ³Ì ÖÐ, ÎÒ ÃÇ Ç¶ Èë Êý ¸ö OBJECT Éù Ã÷ À´ ¾Ù Àý ˵ Ã÷ äÖ È¾ ¹¤ ×÷. Óà »§ ´ú Àí Æ÷ ½« ³¢  ÊÔ äÖ  Ⱦ Ëü ÄÜ ¹» µÄ µÚ Ò» ¸ö OBJECT Ôª ËØ, ͨ ¹ý Ï Ãæ µÄ ´Î Ðò: (1) Ò» ¸ö Óà Python (´ó òþ) Óï ÑÔ Ð´ µÄ µØ Çò С ÔË ÐÐ ³Ì ʽ, (2) Ò» ¸ö µØ Çò µÄ MPEG ¶¯ »­, (3) Ò» ¸ö µØ Çò µÄ GIF ͼ Ïñ, (4) ½» »¥ ÎÄ ±¾
<OBJECT title="The Earth as seen from space"
           classid="http://www.observer.mars/TheEarth.py">
 <OBJECT data="TheEarth.mpeg" type="application/mpeg">
  <OBJECT src="TheEarth.gif">
   The <STRONG>Earth</STRONG> as seen from space.
  </OBJECT>
 </OBJECT>
</OBJECT>
Íâ ²¿ Éù Ã÷ Ö¸ ¶¨ Ò» ¸ö С ÔË ÐÐ ³Ì ʽ ²» Ðè Òª Êý ¾Ý ºÍ ³õ ʼ Öµ. µÚ ¶þ ¸ö Éù Ã÷ Ö¸ Ã÷ Ò» ¸ö MPEG µç Ó° ²¢ ÇÒ ÓÉ ÓÚ Ã» ÓÐ ¶¨ Òå Ò» ¸ö äÖ È¾ ½á ¹¹, Ëü ÒÀ ¿¿ Óà »§ ´ú Àí Æ÷ À´ ´¦ Àí Õâ ¸ö ¶¯ »­. ÎÒ ÃÇ »¹ Éè Öà ÁË type ÌØÐÔ Òò ´Ë Óà »§ ´ú Àí Æ÷ ¿É ÒÔ Ñ¡ Ôñ ²» ´Ó Íø · ÉÏ È¡ »Ø "TheEarth.mpeg" Ò² ²» äÖ È¾ Ëü. µÚ Èý ¸ö Ö¸ ¶¨ Ö¸ ¶¨ ÁË  GIF ÎÄ ¼þ µÄ λ Öà ÒÔ ¼° µ± Ëù µÄ µÄ ½á ¹¹ ʧ °Ü ʱ µÄ ½» »¥ ÎÄ ±¾.
ÄÚ ²ã Óë Íâ ²¿ Êý ¾Ý µÄ ±È ½Ï. ±» äÖ È¾ µÄ Êý ¾Ý ¿É ÒÔ Í¨ ¹ý Á½ ÖÖ Í¾ ¾¶ À´ Ö¸ ¶¨: ÄÚ ²ã ºÍ ºÍ À´ ×Ô ÓÚ Íâ ²¿ ×Ê Ô´ µÄ. ÐÎ ³É ·½ ·¨ ͨ ³£ ½« Òý Æð ¸ü ¿ì ËÙ  µÄ äÖ È¾, µ« ÔÚ äÖ È¾ ´ó Á¿ Êý ¾Ý ʱ È´ ÊÇ ²» Ïà ÒË µÄ.

Îï¼þ³õʼ»¯: PARAM ÔªËØ

<!ELEMENT PARAM - O EMPTY       -- named property value -->
<!ATTLIST PARAM
  name        CDATA      #REQUIRED -- property name --
  value       CDATA      #IMPLIED  -- property value --
  valuetype (DATA|REF|OBJECT) DATA -- How to interpret value --
  type        CDATA      #IMPLIED  -- Internet media type --
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: ½û Ö¹
ÌØ ÐÔ ¶¨ Òå
 
name = cdata
Õâ ¸ö ÌØ ÐÔ ¶¨ Òå ÁË Ò» ¸ö ÔË ÐР̬ ²Î Êý µÄ Ãû ³Æ, ¼Ù ¶¨ ±» ²å Èë Îï ¼þ Ëù Öª. Êô ÐÔ Ãû ³Æ ÊÇ ·ñ ´ó С д Ãô ¸Ð »ù ÓÚ Îï ¼þ.
value = cdata
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ Ò» ¸ö ÓÉ  name ˵ Ã÷ µÄ ÔË ÐР̬ ²Î Êý Öµ. Êô ÐÔ Öµ û ÓÐ HTML º­ Òå, Ëü µÄ º­ Òå ÓÉ Ìá ³ö µÄ Îï ¼þ ÅÐ ¶Ï.
valuetype = data|ref|object
Õâ ¸ö ÌØ ÐÔ Ö¸ ³ö value ÌØ ÐÔ µÄ ÐΠʽ. ¿É ÄÜ µÄ Öµ Ϊ:
  • data: Õâ ¸ö ÓÉ value ˵ Ã÷ µÄ Öµ ÔÚ ½â ¾ö ÁË ÈÎ ºÎ µÄ °ó ¶¨ ×Ö ·û ºÍ Êý ×Ö ×Ö ·û ºó ½« Ö± ½Ó ×÷ Ϊ Ò» ¸ö ×Ö ·û ´® ´« ËÍ ¸ø äÖ È¾ »ú ÖÆ. Õâ ÊÇ Õâ ¸ö ÌØ ÐÔ µÄ ȱ  Ê¡ Öµ ²¢ ¿É ÄÜ ³ö ÏÖ ÔÚ Ôª ËØ µÄ ¿ª ʼ ±ê ¼Ç ÖÐ.
  • ref: Õâ ¸ö ÓÉ value Ö¸ ¶¨ µÄ Öµ ÊÇ Ò» ¸ö URL, Ëü Ö¸ Ã÷ ÁË Ò» ¸ö ×Ê  Ô´ µÄ ¶¯ ÐР̬ Öµ ´æ ·Å ÔÚ ÄÄ Àï. Õâ ¸ö URL ±Ø Ðë ²» ±ä µØ ´« ËÍ ¸ø äÖ È¾ ½á ¹¹, ¾Í ÊÇ Ëµ û ÓÐ ¾ö ¶¨ ¹ý.
  • object: Õâ ¸ö ÓÉ Éù Ã÷ µÄ Öµ ÊÇ Ò» ¸ö URL Ƭ ¶Ï ²¢ ÓÉ  OBJECT Éù Ã÷ ÔÚ Í¬ Ò» ƪ  ÎÄ µµ ÖÐ Éè ¶¨. ÔÚ ´Ë Àý  ÖÐ, OBJECT ¶¨ Òå ±Ø Ðë ÒÔ Ëü µÄ id ÌØ ÐÔ ±ê ʶ.
type = cdata
valuetype Ö» ÓÐ ÔÚ ÌØ ÐÔ ±» ¶¨ Òå Ϊ "ref" ʱ,  ´Ë ÌØ ÐÔ Ö¸ ¶¨ ÁË ÓÉ value ÌØ ¶¨ Ö¸ ×Ê Ô´ µÄ »¥ Áª Íø ý Ìå ÐΠʽ (²Î ¼û [MIMETYPES]). Õâ ¸ö ÌØ ÐÔ Òò ´Ë Ö¸ ¶¨ Óà »§ ´ú Àí Æ÷, Êý Öµ µÄÐΠʽ ½« ÔÚ value µÄ URL ¶¨ Òå ÖÐ ±»  ÕÒ µ½.
PARAM Ôª ËØ Ö¸ ¶¨ Ò» ¸ö ¿É ±» ÔË ÐРʱ äÖ È¾ ½á ¹¹ µÄ Éè Öà ×é. ÈÎ Òâ Êý Á¿ µÄ PARAM Ôª ËØ ¿É ÒÔ ³ö ÏÖ ÓÚ Ò» ¸ö OBJECT Éù Ã÷ µÄ ¿ª ʼ ²¿ ·Ö. Ãû ³Æ ºÍ Öµ µÄ Óï ·¨ ¼Ù ¶¨ ÄÜ ¹» ±» äÖ È¾ ½á ¹¹ Àí ½â. Ãû ³Æ ºÍ Öµ ͨ ¹ý ±ê ×¼ Êä Èë ´« ËÍ ¸ø äÖ È¾ »ú ÖÆ.
ÎÒ ÃÇ »Ø µ½ ÎÒ ÃÇ µÄ ÖÓ Àý ³Ì. Õâ ´Î, ÎÒ ÃÇ ¼Ù ¶¨ äÖ È¾ »ú ÖÆ (ÖÓ) ÄÜ ¹» ´¦ Àí Á½ ¸ö ¶¨ Òå ³õ ʼ ¸ß ¶È ºÍ ¿í ¶È µÄ ÔË ÐР̬ ²Î Êý. ÎÒ ÃÇ Í¨ ¹ý ³õ ʼ µÄ Á½ ¸ö PARAM Ôª ËØ À´ Éè ¶¨ Ò» ¸ö 40x40 µÄ ³¤ ·½ ÐÎ.
    
<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 Ôª ËØ µÄ ȱ Ê¡ valuetype ÊÇ "data", ÎÒ ÃÇ ¿É ÒÔ °Ñ Ç° Ãæ µÄ Éù Ã÷ Ìæ »» Ϊ:
 
<PARAM name="height" value="40">
<PARAM name="width" value="40" >
»ò:
 
<PARAM name="height" value="40" data>
<PARAM name="width" value="40"  data>
(The latter form -- the value "data" only for valuetype attribute -- is possible due to the DTD definition of this attribute.)
ÔÚ Ï Ãæ µÄ Àý ³Ì ÖÐ, äÖ È¾ ½á ¹¹ µÄ ÔË ÐРʱ Êý ¾Ý "Init_values" ²Î Êý Ö¸ ¶¨ Ϊ Ò» ¸ö Íâ ²¿ ×Ê Ô´ (Ò» ¸ö GIF ÎÄ ¼þ). valuetype ÌØ ÐÔ µÄ Öµ Òò ´Ë ±» Éè Ϊ "ref", ¶ø value Ôò ÊÇ Ö¸ ¶¨ ×Ê Ô´ µÄ URL.
<OBJECT classid="http://www.gifstuff.com/gifappli"
       standby="Loading Elvis...">
<PARAM name="Init_values"
       value="./images/elvis.gif">
       valuetype="ref">
</OBJECT>
×¢ Òâ ÎÒ ÃÇ Ò² Éè Öà ÁË standby ÌØ ÐÔ Èà Óà »§ ´ú Àí Æ÷ ÔÚ µ÷ Èë äÖ È¾ ½á ¹¹ ʱ ¿É ÒÔ äÖ È¾ Ò» ¸ö Ïû Ï¢.
äÖ È¾ ½á ¹¹ ͨ ¹ý URL ¶¨ λ. ¾Í ½Ç ÎÒ ÃÇ ÔÚ URL Õ ½Ú ÖÐ ÌÖ ÂÛ µÄ, Íê È« URL µÄ µÚ Ò» ¸ö ²¿ ·Ö Ö¸ ¶¨ ÁË ´Ó Éè ¶¨ µÄ URL ´« ËÍ Êý ¾Ý µÄ Э Òé µÄ Ê¹ ÓÃ. ¶Ô ÓÚ HTML ÎÄ µµ, Õâ ¸ö Э Òé ͨ ³£ ÊÇ "http". ij Щ äÖ È¾ »ú ÖÆ ¿É ÒÔ Ê¹ Óà Æä Ëü µÄ Э Òé. Àý Èç, µ± Ö¸ ¶¨ Ò» ¸ö Java äÖ È¾ »ú ÖÆ Ê±, Äã ¿É ÒÔ Ê¹ Óà ÒÔ "java" ¿ª ʼ µÄ URL ¶ø ¶Ô ÓÚ ActiveX С ÔË ÐÐ ³Ì ʽ, Äã ¿É ÒÔ Ê¹ Óà "clsid".
ÔÚ Ï Ãæ µÄ Àý ³Ì ÖÐ, ÎÒ ÃÇ ²å Èë Ò» ¶Î Java С ÔË ÐÐ ³Ì ʽ µ½ Ò» ¸ö HTML ÎÄ µµ.
<OBJECT classid="java:program.start">
</OBJECT>
ͨ ¹ý Éè ¶¨ codetype ÌØ ÐÔ, Óà »§ ´ú Àí Æ÷ ¿É ÒÔ ¸ù ¾Ý Èç ´Ë ×ö µÄ ÄÜ Á¦ À´ ¾ö ¶¨ ÊÇ ·ñ È¡ µÃ Java Ó¦ Óà ³Ì ʽ.
<OBJECT codetype="application/octet-stream"
           classid="java:program.start">
</OBJECT>
ij Щ äÖ È¾ ·½ °¸ Ðè Òª ¶î Íâ µÄ ÐŠϢ À´ ±ê ʶ Ëü ÃÇ µÄ ÂÄ ÐÐ ²¢ ÇÒ ±Ø Ðë ¸æ Öª ÄÄ Àï È¥ ÕÒ Ñ° Õâ Щ ÐŠϢ. Äã ¿É ÒÔ Í¨ ¹ý codebase ÌØ ÐÔ Ïò äÖ È¾ »ú ÖÆ Ìá ¹© · ¾¶ ЊϢ.
<OBJECT codetype="application/octet-stream"
           classid="java:program.start">
           codebase="http://foooo.bar.com/java/myimplementation/"
</OBJECT>
Ï Ãæ µÄ Àý ³Ì ͨ ¹ý ÔÚ URL Ç° µÄ Э Òé ЊϢ "clsid" Ö¸ ¶¨ (Óë classid ÌØ ÐÔ) Ò» ¸ö ActiveX äÖ È¾ »ú ÖÆ. data ¶¨ λ ÓÚ Óà À´ äÖ È¾ µÄ Êý ¾Ý (Áí Ò» ¿Ú ÖÓ).
<OBJECT classid="clsid:663C8FEF-1EF9-11CF-A3DB-080036F12502"
           data="http://www.acme.com/ole/clock.stm">
This application is not supported.
</OBJECT>

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

ÏÈ Ç° µÄ Àý ³Ì Ö» ¾Ù Àý ˵ Ã÷ ÁË ¶À Á¢ µÄ Îï ¼þ µÄ ¶¨ Òå. µ± Ò» ¸ö ÎÄ µµ °ü º¬ ͬ Ò» ¸ö Îï ¼þ Ò» ¸ö ÒÔ ÉÏ µÄ ʵ Àý ʱ, ¿É ÒÔ °Ñ Îï ¼þ µÄ ʵ Àý Óë Éù Ã÷ µ¥ ¶À ·Ö ÁÐ. Õâ Ñù ×ö ÓÐ Êý ¸ö ºÃ ´¦: Ϊ ÁË Éù Ã÷ Ò» ¸ö µ± ±» Óà »§ ´ú Àí Æ÷ ¶Á Èë ʱ ²» Ö´ ÐÐ µÄ äÖ È¾ ½á ¹¹, ÔÚ OBJECT Ôª ËØ Éè ¶¨ ²¼ ¶û Öµ declare. ÔÚ Í¬ ʱ, Äã ±Ø Ðë ÔÚ OBJECT Ôª ËØ ÖÐ Éè ¶¨id Ò» ¸ö Ψ Ò» Öµ À´ ±ê ʶ Õâ ¸ö Éù Ã÷. ºó Ãæ µÄ Õâ ¸ö Îï ¼þ µÄ Àý ³Ì ½« ²Î ÕÕ Õâ ¸ö ±ê ʶ.

Ò» ¸ö ͨ ¹ý declare ÌØ ÐÔ µÄ äÖ È¾ »ú ÖÆ ÊÇ Ò» ¸ö  OBJECT ÿ ´Î ²Î ÕÕ µÄ ʵ Àý.

ÔÚ Ï Ãæ µÄ Àý ³Ì ÖÐ, ÎÒ ÃÇ Éù Ã÷ Ò» ¸ö OBJECT ²¢ ÇÒ Òý Æ𠽨 Á¢ Ò» ¸ö ²Î ÕÕ ÓÚ Á´ ½Ó µÄ ʵ Àý. Òò ´Ë, Õâ ¸ö Îï ¼þ ¿É ÒÔ Í¨ ¹ý µ¥ »÷ ij Щ ¸ß ÁÁ ¶È ÎÄ ±¾ À´ ±» ¼¤ »î, Àý Èç.
<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>
Ï Ãæ µÄ Àý ³Ì ˵ Ã÷ ÁË Èç ºÎ Ö¸ ¶¨ Ò» ¸ö ÔË ÐР̬ Öµ Ϊ Æä Ëü µÄ Îï ¼þ. ÔÚ Õâ ¸ö Àý ³Ì ÖÐ, ÎÒ ÃÇ ·¢ ËÍ ÎÄ ×Ö (ʵ ¼Ê ÉÏ ÊÇ Ò» Ê× Ê«) µ½ Ò» ¸ö ¹© ¹Û ¿´ Ê« ¾ä µÄ Ðé Äâ µÄ äÖ È¾ »ú ÖÆ. Õâ ¸ö äÖ È¾ »ú ¹¹ ÈÏ ³ö Ò» ¸ö Ãû Ϊ "font" µÄ ÔË ÐР̬ ²Î Êý (¾Í ÊÇ Ëµ, ÒÔ Ä³ ÖÖ ×Ö Ìå À´ äÖ È¾ Ê« ¾ä ÎÄ ×Ö). Õâ ¸ö ²Î Êý µÄ Öµ ÊÇ Ò» ¸ö ²å Èë (µ« ²¢ ²» äÖ È¾) µ½ ×Ö Ìå Îï ¼þ µÄ Îï ¼þ ±¾ Éí. ×Ö Ìå Îï ¼þ ºÍ Ê« ¾ä ¹Û ¿´ Îï ¼þ µÄ ¹Ø ϵ Èç Ï ȡ µÃ (1) Ϊ ×Ö Ìå Îï ¼þ Éù Ã÷ Ëû Åä "tribune" id  ÒÔ ¼° (2) ´Ó Ê« ¾ä ¹Û ¿´ Îï ¼þ (Óë valuetype ºÍ value) µÄ PARAM Ôª ËØ »ñ µÃ ²Î ÕÕ.
<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>
²» Ö§ ³Ö declare ÌØ ÐÔ µÄ Óà »§ ´ú Àí Æ÷ ±Ø Ðë äÖ È¾ OBJECT Éù Ã÷ µÄ ÄÚ ÈÝ.

ÔªËصĶÔÆë

Õâ Щ ÌØ ÐÔ ÓÉ ÓÚ ·ç ¸ñ Ò³ µÄ Ôµ ¹Ê ³É Ϊ ²» ÔÞ ³É µÄ.

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

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

»¹ ÓÐ Èý ¸ö Æä Ëü µÄ Öµ left, center ºÍ right, Òý Æð Îï ¼þ ¸¡ ÖÂÁ¦. Ëü ÃÇ ÔÚ ¸¡¶¯Îï¼þ Õ ½Ú ±» ÌÖ ÂÛ.

°üº¬Ò»·ùͼÏñ: 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 --
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: ½û Ö¹
ÌØ ÐÔ ¶¨ Òå
 
src = url
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË Í¼ Ïñ ×Ê Ô´ µÄ λ ÖÃ. Èç ÄÇ Ð© ¹ã ·º µÄ ¿É ±» ÈÏ ³ö µÄ ͼ Ïñ ¸ñ ʽ °ü À¨ GIF, JPEG ºÍ PNG.
align = bottom|middle|top|left|right
²» ÔÞ ³É. Õâ ¸ö ÌØ ÐÔ Ö¸ Ã÷ ÁË Í¼ Ïñ Ïà ¶Ô Óë ÖÜ Î§ ÉÏ Ï ÎÄ µÄ λ ÖÃ. Ëü µÄ Öµ ÔÚ Í¼ÏñµÄ¶ÔÆë Õ ½Ú ½â ÊÍ.
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
IMG Ôª ËØ ÔÚ µ± Ç° ÎÄ µµ ÖРǶ Èë Ò» ·ù ÔÚ Ôª ËØ ¶¨ Òå λ Öà µÄ ͼ Ïñ. È» ¶ø, ÎÒ ÃÇ ½¨ Òé ʹ Óà OBJECT Ôª ËØ À´ °Ñ Ò» ·ù ͼ Ïñ ²å Èë µ½ ÎÄ µµ.

Õâ ¸ö Ôª ËØ µÄ 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.">
This may be expressed with the OBJECT element as follows:
...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>
alt ÌØ ÐÔ Ö¸ ¶¨ ÁË Í¼ Ïñ ÎÞ ·¨ ±» ÏÔ Ê¾ ʱ µÄ ÂÖ Ìæ ÎÄ ×Ö (²Î ¼û Ï Ãæ µÄ ÈçºÎÖ¸¶¨ÂÖÌæÎÄ×Ö À´ »ñ µÃ ¸ü ¶à µÄ ЊϢ).

ͼÏñ¶ÔÆ·½Ê½

¶Ô Æë ÌØ ÐÔ ÓÉ ÓÚ ·ç ¸ñ Ò³ ÒÑ ¾­ ³É Ϊ ²» ÔÞ ³É µÄ.

¶Ô Æë ÌØ ÐÔ Ö¸ Ã÷ Ò» ¸ö Ôª ËØ Óë ÉÏ Ï ÎÄ µÄ λ ÖÃ.

Ï ÁÐ µÄ Öµ °Ñ Ò» ¸ö Îï ¼þ ·Å Èë ÎÄ ×Ö Ö® ÖÐ:

Á½ ¸ö Æä Ëü Öµ left ºÍ right, Òý Æð ͼ Ïñ ¸¡ ¶¯. Ëü ÃÇ ÔÚ ¸¡¶¯Îï¼þ Õ ½Ú ±» ÌÖ ÂÛ.
¶Ô Æë µÄ ²» ͬ ½â Òë Differing interpretations of align. Ä¿ Ç° µÄ Óà »§ ´ú Àí Æ÷ ÔÚ align ÌØ ÐÔ µÄ ½â Òë ÉÏ ÓÐ ²» ͬ Ö® ´¦. ij Щ Ö» ¿¼ ÂÇ Ê² ô Ôª ËØ ³ö ÏÖ ÔÚ ÎÄ ×Ö ÐÐ µÄ Ç° Ãæ ³ö ÏÖ, ij Щ Ôò ¿¼  ÂÇ ÎÄ ±¾ ÐÐ Á½ ±ß µÄ Ôª ËØ.

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

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 --
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè Òª
ÌØ ÐÔ ¶¨ Òå
 
codebase = url
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ С ÔË ÐÐ ³Ì ʽ µÄ »ù URL. Èç ¹û Õâ ¸ö ÌØ ÐÔ Ã» ÓÐ ±» Ö¸ ¶¨, ÄÇ Ã´ Õâ ¸ö С ÔË ÐÐ ³Ì ʽ µÄ »ù URL Óë µ± Ç° ÎÄ µµ Ïà ͬ.
code = cdata
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ °ü º¬ С ÔË ÐÐ ³Ì ʽ ±à Òë ×Ó Àà µÄ ×Ê Ô´ µÄ Ãû ³Æ. Õâ ¸ö Öµ ±Ø Ðë ÊÇ Ò» ¸ö »ù ÓÚ Ð¡ ÔË ÐÐ ³Ì ʽ »ù URL µÄ Ïà ¶Ô URL.
name = cdata
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË Ð¡ ÔË ÐÐ ³Ì ʽ ʵ Àý  µÄ Ãû ³Æ, Õâ ʹ µÃ С ÔË ÐÐ ³Ì ʽ ÔÚ Í¬ Ò» Ò³ ÕÒ µ½ (»ò Óë Ö® ͨ Ѷ) Æä Ëü ³Ì ʽ ±ä Ϊ ¿É ÄÜ.
width = length
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË Ð¡ ÔË ÐÐ ³Ì ʽ ÏÔ Ê¾ Çø Óò µÄ ³õ ʼ ¿í ¶È (С ÔË ÐÐ ³Ì ʽ ²» ÔÙ ¼Ì Ðø ´ø ³ö ÊÓ ´° »ò ¶Ô »° ¿ò).
height = length
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË Ð¡ ÔË ÐÐ ³Ì ʽ ÏÔ Ê¾ Çø Óò µÄ ³õ ʼ ¸ß ¶È (С ÔË ÐÐ ³Ì ʽ ²» ÔÙ ¼Ì Ðø ´ø ³ö ÊÓ ´° »ò ¶Ô »° ¿ò).
align = bottom|middle|top|left|right
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË Îï ¼þ Óë ÖÜ Î§ ÉÏ Ï ÎÄ µÄ λ Öà ¹Ø ϵ. Ëü ÔÚ Öµ ÔÚ Í¼ÏñµÄ¶ÔÆë ²¿ ·Ö ±» ½â ÊÍ.
archive = cdata
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË Ò» ¸ö »ò ¶à ¸ö ͨ ¹ý ¶º ºÅ ·Ö ÁÐ µÄ °ü º¬ Àà ºÍ Æä Ëü ½« ±» "Ô¤ µ÷ Èë (preloded)" µÄ µµ °¸ Ãû ³Æ. Õâ Щ Àà ͨ ¹ý ¸ø ³ö µÄ codebase ÓÉ Ò» ¸ö AppletClassLoader ʵ Àý À´ ±» µ÷ Èë. Ô¤ µ÷ Èë µÄ ×Ê  Ô´  ¿É ÒÔ ÖØ Òª µØ Ìá ¸ß Ð¡ ÔË ÐÐ ³Ì ʽ µÄ Ч ÂÊ.
object = cdata
Õâ ¸ö ÌØ ÐÔ ¸ø  ³ö °ü º¬  Ò» ¸ö °ü º¬ ÁË Ð¡ ÔË ÐÐ ³Ì ʽ Á¬ Ðø ±í ÏÖ µÄ ×Ê Ô´ Ãû ³Æ. С ÔË ÐÐ ³Ì ʽ ½« ÊÇ ²» Á¬ Ðø µÄ» ÓÐ Ðò ÁÐ µÄ . init() ·½ ·¨ ²» ÄÜ ±»  Çë Çó ¶ø start() ·½ ·¨ Ôò ÄÜ. µ± Ô­ ÏÈ µÄ Îï ¼þ ±» ÊÇ Á¬ Ðø µÄ ²¢ ²» ÔÙ µ÷ »Ø ʱ ÌØ ÐÔ ºÏ ·¨. ÈÎ ºÎ ´« ËÍ ¸ø Õâ ¸ö С ÔË ÐÐ ³Ì ʽ ʵ Àý µÄ ÌØ ÐÔ Ò² ½« ¶Ô С ÔË ÐÐ ³Ì ʽ ºÏ ·¨.
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
Õâ ¸ö Ôª ËØ, ÓÉ ÔÊ Ðí Java µÄ ä¯ ÀÀ Æ÷ Ö§ ³Ö, ÔÊ Ðí ×÷ Õß ÔÚ HTML ÎÄ µµ ÖÐ ²å Èë Ò» ¸ö Java С ÔË ÐÐ ³Ì ʽ. Ëü ÓÉ  ÓÚ OBJECT Ôª ËØ ³É Ϊ ²» ÔÞ ³É µÄ.

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

Ï Ãæ µÄ Java С ÔË ÐÐ ³Ì ʽ Àý ³Ì:
<APPLET code="Bubbles.class" width="500" height="500">
Java applet that draws animated bubbles.
</APPLET>
¿É ÒÔ Èç Ï Óà OBJECT:ÖØ Ð´
<OBJECT codetype="application/octet-stream"
        classid="java:Bubbles.class"
        width="500" height="500">
Java applet that draws animated bubbles.
</OBJECT>
³õ ʼ Öµ ¿É ͨ ¹ý PARAM Ôª ËØ Ìá ¹© ¸ø С ÔË ÐÐ ³Ì ʽ.
Ï Ãæ µÄ Java С ÔË ÐÐ ³Ì ʽ Àý ³Ì:
<APPLET code="AudioItem" width="15" height="15">
<PARAM name="snd" value="Hello.au|Welcome.au">
Java applet that plays a welcoming sound.
</APPLET>
Èç Ï ¿É Óà OBJECT д ³É:
<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 Îĵµ

ÓРʱ, ½Ï Ö® Óë Á´ ½Ó µ½ Áí Ò» ¸ö ÎÄ µµ, ÔÚ Ò» ¸ö HTML ÎÄ µµ ÖÐ °ü º¬ Ò» ·Ý HTML ÎÄ µµ ÊÇ ÓÐ °ï Öú µÄ. ÎÒ ÃÇ ½¨ Òé ʹ Óà OBJECT Ôª ËØ ºÍ data ÌØ ÐÔ À´ ´ï µ½ Õâ ¸ö Ä¿ µÄ.
Àý Èç, Ï Ãæ µÄ ÐÐ ½« °ü º¬ ÔÚ OBJECT ¶¨ Òå µÄ Î» Öà ÖÐ µÄ piece_to_include.html ÄÚ ÈÝ.
...text before...
<OBJECT data="file_to_include.html">
Warning: file_to_include.html could not be included.
</OBJECT>
...text after...
OBJECT µÄ ÄÚ ÈÝ ±Ø Ðë ÔÚ Èç ¹û ͨ ¹ý data ÌØ ÐÔ Ö¸ ¶¨ µÄ ÎÄ ¼þ ²» ÄÜ ±» µ÷ Èë ʱ ±» äÖ È¾.
Óà »§ ´ú Àí Æ÷ ÔÚ °ü º¬ Ò» ¸ö ÎÄ ¼þ ±¾ Éí µÄ Õâ ÖÖ Çé ¿ö Ï µÄ ÐРΪ û ÓÐ ±» ¶¨ Òå.
С ÐÄ °ü º¬ ÎÄ ¼þ. Èç ¹û Äã ´ò Ëã °ü º¬ Ò» ·Ý HTML ÎÄ µµ µÄ ÓÉ Ò» ¸ö ê µã ¶¨ Òå µÄ ²¿ ·Ö Õ ½Ú Çë С ÐÄ. ÔÚ Ãª µã ¶¨ Òå ºó µÄ Õû ¸ö ÎÄ µµ ½« ±» °ü º¬, ²¢ ÇÒ Äã ¿É ÒÔ ÔÚ Äã µÄ ÎÄ µµ ÖÐ ²» ¹Ê Òâ µØ °ü º¬ ²» Ï£ Íû µÄ ½á Êø ±ê ¼Ç (¶Ô ÓÚ Èç BODY, HTML µÈ µÈ Ôª ËØ) .
IFRAME Ôª ËØ ±» Óà À´ ²å Èë Ò» ¸ö °ü º¬ ÎÄ ×Ö µÄ ÄÚ ²ã ¿ò ¼Ü µ½ Ò» ¸ö HTML ÎÄ µµ.

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

Ò» ¸ö ͼ Ïñ Ó³ Ïñ ÔÊ Ðí ×÷ Õß Ö¸ ¶¨ Ò» ·ù ͼ Ïñ »ò Ò» ¸ö Îï ¼þ µÄ »î ¶¯ Çø Óò ²¢ ¸ø ÿ ¸ö Çø Óò Ö¸ ¶¨ Ò» ¸ö ¶¯ ×÷ (Èç È¡ µÃ ÎÄ µµ, ÔË ÐÐ Ò» ¸ö ³Ì ʽ µÈ)

Ò» ¸ö ͼ Ïñ Ó³ Ïñ ͨ ¹ý ÔÚ Îï ¼þ ÉÏ Áª ϵ Ò» ¸ö Ãô ¸Ð µÄ ¼¸ ºÎ ѧ Çø Óò ±» ½¨ Á¢.

ÓÐ Á½ ÖÖ Í¼ Ïñ Ó³ Ïñ:

¿Í »§ ¶Ë ͼ Ïñ Ó³ Ïñ ±» ÈÏ Îª ½Ï ·þ Îñ Æ÷ ¶Ë ͼ Ïñ Ó³ Ïñ ¸ü ºÃ. ¿É ÒÔ Í¨ ¹ý Êý ¸ö Ôª ËØ À´ Ö´ ÐÐ ¿Í »§ ¶Ë ͼ Ïñ Ó³ Ïñ.
ͼ Ïñ Ó³ Ïñ µÄ ·Ç ͼ °¸ »¯ ±í ÏÖ. ·Ç ͼ °¸ »¯ Óà »§ ´ú Àí Æ÷ ¿É ÒÔ ÒÔ ÎÄ ±¾ »¯ Á´ ½Ó äÖ È¾ ¿Í »§ ¶Ë ͼ Ïñ Ó³ Ïñ. ÎÄ ±¾ »¯ Çø Óò  ¿É ÒÔ ±» ¼ü ÅÌ Êä Èë ¼¤ »î.

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

Ï ÁÐ µÄ ÌØ ÐÔ Îª Êý ¸ö Ôª ËØ ¶¨ Òå (A ºÍ AREA). Ëü ÃÇ ÔÊ Ðí ×÷ Õß Ö¸ ¶¨ Ò» ¸ö ¼¸ ºÎ Çø Óò Éè Öà ºÍ Óë Ö® Ïà ¹Ø µÄ URL Éè ÖÃ.
ÌØ ÐÔ ¶¨ Òå
 
shape = default|rect|circle|poly
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË Çø Óò µÄ ÐÎ ×´. ¿É ÄÜ µÄ Öµ Ϊ:
  • default: Ö¸ ¶¨ Õû ¸ö Çø Óò.
  • rect: ¶¨ Òå Ò» ¸ö ¾Ø ÐÎ Çø Óò.
  • circle: ¶¨ Òå Ò» ¸ö Ô² ÐÎ Çø Óò.
  • poly: ¶¨ Òå Ò» ¸ö ÍÖ Ô² ÐÎ Çø Óò.
coords = length-list
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË Ò» ¸ö ÐÎ ×´ ÔÚ ÆÁ Ä» ÉÏ µÄ λ ÖÃ. Öµ µÄ Êý ×Ö ºÍ Öµ È¡ ¾ö ÓÚ ±» ¶¨ Òå µÄ ÐÎ ×´. ¿É ÄÜ µÄ ×é ºÏ Îª:
  • rect: left-x, top-y, right-x, bottom-y.
  • circle: center-x, center-y, radius.
  • poly: x1, y1, x2, y2, ..., xN, yN.
×ø ±ê Áª ϵ µ½ ÌØ ¼þ µÄ ×ó ÉÏ ½Ç. Ëù ÓÐ µÄ Öµ ¶¼ ÊÇ ³¤¶È (¿É ÒÔ ÊÇ Ïñ ËØ Öµ »ò °Ù ·Ö Öµ).
Ï Ãæ µÄ ÌØ ÐÔ Îª OBJECT Ôª ËØ ¶¨ Òå.
ÌØ ÐÔ ¶¨ Òå
 
shapes
µ± Éè ¶¨ ʱ, Õâ ¸ö ²¼ ¶û ÌØ ÐÔ Ö¸ ¶¨ ±» ¶¨ Òå µÄ Îï ¼þ ÊÇ Ò» ¸ö ͼ Ïñ Ó³ Ïñ. OBJECT Ôª ËØ µÄ ÄÚ ÈÝ ½« Ö¸ ¶¨ »î ¶¯ Çø Óò.
ÔÚ Ï Ãæ µÄ Àý ³Ì ÖÐ, ÎÒ ÃÇ Í¨ ¹ý Áª ϵ ÓÉ Ò» ϵ A Ôª ËØ Ö¸ ¶¨ µÄ URL ½¨ Á¢ Ò» ¸ö OBJECT Îï ¼þ µÄ ¿Í »§ ¶Ë ͼ Ïñ Ó³ Ïñ.
<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>
Èç ¹û OBJECT Ôª ËØ °ü º¬ Ò» ¸ö shapes ÌØ ÐÔ, Óà »§ ´ú Àí Æ÷ ±Ø Ðë ¸ù ¾Ý Õâ ¸ö Ôª ËØ µÄ ÄÚ ÈÝ À´ ÕÒ Ñ° ê µã.

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

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

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 --
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: ½û Ö¹
ÌØ ÐÔ ¶¨ Òå
 
nohref
Õâ Éè ¶¨ ʱ, Õâ ¸ö ²¼ ¶û ÌØ ÐÔ Ö¸ ¶¨ ÄÇ ¸ö Çø Óò û ÓÐ Ïà ¹Ø µÄ Á´ ½Ó.
Êý ¸ö Ôª ËØ (OBJECT, IMG ºÍ INPUT) ÔÊ Ðí Ï ÁÐ µÄ ÌØ ÐÔ À´ Ö¸ ¶¨ Ò» ¸ö Ïà ¹Ø µÄ ¿Í »§ ¶Ë ͼ Ïñ Ó³ Ïñ.
ÌØ ÐÔ ¶¨ Òå
 
usemap = url
Õâ ¸ö ÌØ ÐÔ Ö¸ ³ö ÁË ÓÉ MAP ºÍ AREA ¶¨ Òå µÄ Ó³ Ïñ µÄ λ ÖÃ.
ÎÒ ÃÇ ¿É ÒÔ Óà MAP ºÍ AREA À´ ÖØ Ð´ ÏÈ Ç° µÄ Àý ³Ì. ÎÒ ÃÇ ÈÔ ¾É ½¨ Á¢ Ò» ¸ö ½« ²å Èë µ½ ͼ Ïñ µÄ OBJECT . ÎÒ ÃÇ Í¨ ¹ý °Ñ  OBJECT µÄ usemap ºÍ MAP Ôª ËØ µÄ name  ÌØ ÐÔ Éè Ϊ ͬ Ò» Öµ À´ ¹Ø Áª Îï ¼þ ºÍ ͼ Ïñ Ó¡ Ïó.
<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>
alt ÌØ ÐÔ Ö¸ ¶¨ ÁË ÔÚ Í¼ Ïñ Ó³ Ïñ ²» ÄÜ ÏÔ Ê¾ Çé ¿ö Ï µÄ ÂÖ Ìæ ÎÄ ×Ö (²Î ¼û Ï Ãæ µÄ ÈçºÎÖ¸¶¨ÂÖÌæÎÄ×Ö À´ »ñ µÃ ¸ü ¶à µÄ ЊϢ).
×¢ Òâ: MAP ²» Óë HTML 2.0 Óà »§ ´ú Àí Æ÷ Ïò Ï ¼æ ÈÝ.

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

·þ Îñ Æ÷ ¶Ë ͼ Ïñ Ó³ Ïñ ÔÚ Í¼ Ïñ Ó³ Ïó ¶Ô ¿Í »§ ¶Ë ͼ Ïñ Ó³ Ïñ À´ ˵ Ì« ¶à ¸´ ÔÓ Ê± ÊÇ ÓÐ Óà µÄ.

Ψ Ò» ¿É ÄÜ µÄ ¶¨ Òå ¿Í »§ ¶Ë ͼ Ïñ Ó³ Ïñ µÄ ·½ ·¨ ÊÇ Í¨ ¹ý IMG Ôª ËØ. Òª Õâ Ñù ×ö, ÔÚ IMG ¶¨ Òå ÖÐ Éè ¶¨ ²¼ ¶û ÌØ ÐÔ ismap. Çø Óò µÄ Ïà ¹Ø Ó³ Ïñ ±Ø Ðë ͨ ¹ý usemap ÌØ ÐÔ Ö¸ ¶¨.

µ± Óà »§ ¼¤ »î Ò» ¸ö ͼ Ïñ Ó³ Ïñ µÄ Çø Óò ʱ, ÆÁ Ä» µÄ ×ø ±ê Öµ Ö± ½Ó ±» ·¢ ËÍ µ½ ÎÄ µµ Ëù ÔÚ µÄ ·þ Îñ Æ÷. ÆÁ Ä» ×ø ±ê ÓÉ ÆÁ Ä» Ïñ ËØ Öµ ±í ʾ. ¹Ø ÓÚ ±ê ×¼  µÄ Ïñ ËØ ¶¨ Òå ºÍ Ëõ ·Å µÄ ЊϢ, Çë ²Î ÔÄ [CSS1].

µ¥ »÷ µÄ λ Öà Èç Ï ±» ´« µ½ ·þ Îñ Æ÷. Óà »§ ´ú Àí ¸ù ¾Ý href ÌØ ÐÔ Ö¸ ¶¨ µÄ URL ²¢ ¼Ó ÉÏ "?" ºó Ëæ x ºÍ y ×ø ±ê, Óà ¶º ºÅ ·Ö ÁÐ. ºó Ëæ µÄ Á´ ½Ó Ôò ʹ Óà РµÄ URL. Àý Èç, ÔÚ Ç° Àý ÖÐ, Èç ¹û Óà »§ µ¥ »÷ µÄ λ Öà Ϊ x=10, y=27 Ôò Éú ³É µÄ URL Ϊ "/cgibin/navbar.map?10,27".

Ï Ãæ µÄ Àý ³Ì ÖÐ, µÚ Ò» ¸ö »î ¶¯ Çø Óò ¶¨ Òå Ϊ Ò» ¸ö ¿Í »§ ¶Ë Á´ ½Ó. µÚ ¶þ ¸ö Ôò ¶¨ Òå Ϊ Ò» ¸ö ·þ Îñ Æ÷ ¶Ë Á´ ½Ó, µ« ²» ·Ö Åä Ò» ¸ö ÐÎ ×´ ¸ø Ëü (ÓÉ shape ÌØ ÐÔ µÄ "default" Öµ Íê ³É). Òò Ϊ Á½ ¸ö Çø Óò ½» ²æ, µÚ Ò» ¸ö ½Ï ºó ¶¨ Òå µÄ È¡ µÃ ÓÅ ÏÈ È¨. Òò ´Ë, ÔÚ ¾Ø ÐÎ ÖÐ ÈÎ ºÎ µØ ·½ µ¥ »÷ »á Òý Æð µ¥ »÷ µÄ ×ø ±ê ±» ËÍ µ½ ·þ Îñ Æ÷.
<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>

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

Ëù ÓÐ IMG Óë OBJECT ÌØ ÐÔ ÖÐ Óë ¿É ÊÓ  ¶Ô Æë »ò Õ¹ ÏÖ ÓÐ ¹Ø µÄ ¾ù ÓÉ ÓÚ ·ç ¸ñ Ò³ µÄ ÍÆ ¹ã ³É Ϊ ²» ÔÞ ³É µÄ

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

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

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

 
alt = cdata
¶Ô ÓÚ ²» ÄÜ ÏÔ Ê¾ ͼ Ïñ, ±í µ¥ »ò С ÔË ÐÐ ³Ì ʽ µÄ Óà »§ ´ú Àí Æ÷, Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË ÂÖ Ìæ µÄ ÎÄ ±¾. ÂÖ Ìæ ÎÄ ±¾ µÄ Óï ÑÔ Í¨ ¹ý lang ÌØ ÐÔ Ö¸ ¶¨.
Êý ¸ö ·Ç ÎÄ ×Ö »¯ Ôª ËØ (IMG, AREA, APPLET ºÍ INPUT) ÔÊ Ðí ×÷ Õß Ö¸ ¶¨ ÂÖ Ìæ ÎÄ ±¾ µ± Ôª ËØ ²» ÄÜ ±» Õý ³£  äÖ È¾ ʱ Ìá ¹© ÄÚ ÈÝ. ÂÖ Ìæ ÎÄ ×Ö µÄ Ö¸ ¶¨ °ï Öú ÄÇ Ð© û ÓРͼ °¸ ÏÔ Ê¾ ÖÕ ¶Ë µÄ Óà »§, ²» Ìá ¹© ±í µ¥ µÄ ä¯ ÀÀ Æ÷ µÄ Óà »§, ÊÓ Á¦ ÓРȱ ÏÝ µÄ Óà »§, ÄÇ Ð© ʹ Óà Óï Òô ϵ ͳ µÄ Óà »§, ÄÇ Ð© Éè Öà ͼ °¸ Óà »§ ´ú Àí Æ÷ ²» ÏÔ Ê¾ ͼ Ïñ µÄ Óà »§.

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

alt ÔÚ AREA Ôª ËØ ÊÇ Ç¿ ÖÆ ÐÔ µÄ, µ« ÔÚ IMG, APPLET ºÍ INPUT  Ôò ÊÇ ¿É Ñ¡ µÄ.

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

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