<IMG>

<IMG SRC="±×¸²ÆÄÀÏ" [ALIGN=BOTTOM|TOP|MIDDLE|LEFT|RIGHT] [ALT="¼³¸í"] [WIDTH=n[%]] [HEIGHT=n[%]] [HSPACE=n[%]] [VSPACE=n[%]] [BORDER[=n]]> Âü°í : Åõ¸íÇÑ ¹è°æÀÇ ±×¸² (translated GIF image)

      ´ëºÎºÐÀÇ Web ºê¶ó¿ìÀú¿¡¼­´Â ±ÛÀÚµé°ú ÇÔ²² ³ª¿À´Â in-line À̹ÌÁöµéÀ» º¸¿©ÁØ´Ù. À̶§ Á¦°øµÇ´Â À̹ÌÁö´Â XBM/GIF/JPG ÆÄÀÏ Æ÷¸ËÀ̾î¾ß ÇÑ´Ù.

<IMG SRC="image_URL">

      À§¿¡¼­ image_URLÀº À̹ÌÁö ÆÄÀÏÀÌ ÀÖ´Â À§Ä¡¸¦ ³ªÅ¸³»´Â URL·Î¼­, ÆÄÀÏÀÌ ±×¸²À̾î¾ß ÇÑ´Ù´Â °ÍÀ» Á¦¿ÜÇϸé <a> tag¿¡¼­ »ç¿ëµÈ HREF¿Í »ç¿ë¹ýÀÌ µ¿ÀÏÇÏ´Ù. ¸¸¾à À̹ÌÁö ÆÄÀÏÀÌ GIFÀÇ Çü½ÄÀ» »ç¿ëÇÏ´Â °ÍÀ̶ó¸é image_URLÀº ¹Ýµå½Ã .gifÀÇ È®ÀåÀÚ¸¦ °¡Á®¾ßÇϸç, X BitmapÀÎ °æ¿ì¿¡´Â .xbmÀÇ È®ÀåÀÚ¸¦ °¡Á®¾ß¸¸ ÇÑ´Ù.

À̹ÌÁöµµ ´Ù¸¥ ¹®ÀÚ¿Í ¸¶Âù°¡Áö·Î ¸µÅ©·Î »ç¿ëµÉ ¼ö ÀÖ´Ù.

[¿¹] <a href="first.html"><img src="UpArrow.gif"></a>

* ALIGN, ±×¸²ÀÇ À§Ä¡

      ±×¸²ÀÇ À§Ä¡¸¦ Á¤Çϱâ À§ÇÏ¿© align attribute¸¦ »ç¿ëÇÒ ¼ö ÀÖ´Ù. ÀÌ attributeÀÇ ±âº»°ªÀº bottomÀ̸ç, ±×¸²ÀÇ ÇÏ´Ü°ú ÅؽºÆ®°¡ ÀÏÄ¡Çϵµ·Ï Á¤·ÄÇÑ´Ù.

(1) ¹®´Ü¼Ó¿¡ ÀÖ´Â ±×¸²
¹®ÀÚ¿Í ±×¸²ÀÇ Æ¯º°ÇÑ ¹è¿­ÀÌ ÇÊ¿ä ¾ø´Â °æ¿ì¿¡ »ç¿ë
BOTTOM:±×¸²ÀÇ ÇÏ´Ü°ú ÅؽºÆ®¸¦ ÀÏÄ¡½ÃŲ´Ù.
TOP: ±×¸²ÀÇ »ó´Ü°ú ÅؽºÆ®¸¦ ÀÏÄ¡½ÃŲ´Ù.
MIDDLE:±×¸²ÀÇ Áß¾Ó¿¡ ÅؽºÆ®¸¦ ÀÏÄ¡½ÃŲ´Ù.
(2) ¹®´Ü°ú ±×¸²ÀÌ ¾î¿ï¸²
±×¸²°ú ÅؽºÆ®´Â ¿öµåÇÁ·Î¼¼¼­ÀÇ '¾î¿ï¸²'°ú °°ÀÌ ±×¸²ÀÌ ¾ø´Â °ø°£¿¡ ÅؽºÆ®°¡ ³ªÅ¸³­´Ù.
LEFT:±×¸²ÀÌ ¿ÞÂÊ¿¡ ¿À¸ç, ÅؽºÆ®´Â ¿À¸¥ÂÊ ºó °ø°£¿¡ ¸Þ¿öÁø´Ù.
RIGHT:±×¸²ÀÌ ¿À¸¥ÂÊ¿¡ ¿À¸ç, ÅؽºÆ®´Â ¿ÞÂÊ¿¡ ¸Þ¿öÁø´Ù.

* ALT

      À̹ÌÁö ÀÚµ¿·Îµå(auto load) ¿É¼ÇÀ» ²¨ µÐ °æ¿ì³ª, text ±â¹ÝÀÇ À¥ºê¶ó¿ìÀú¿¡¼­´Â À̹ÌÁö°¡ ³ªÅ¸³ªÁö ¾Ê´Â´Ù. ALT ¿É¼ÇÀ» »ç¿ëÇϸé À̹ÌÁö¸¦ º¸¿©ÁÙ ¼ö ¾ø´Â °æ¿ì ±×°ÍÀ» ¼³¸íÇØ ÁÖ´Â ¹®±¸¸¦ ³Ö¾îÁÙ ¼ö ÀÖ´Ù. ¿¹¸¦ µé¸é ¾Æ·¡¿Í °°ÀÌ »ç¿ëÇÑ´Ù.

<IMG SRC="UpArrow.gif" ALT="À§·Î">

      À§¿¡¼­ º¸¸é UpArrow.gif´Â À§ÂÊÀ¸·Î ¿Ã¶ó°¡´Â ±â´ÉÀ» ³ªÅ¸³»´Â È­»ìÇ¥ ±×¸²ÀÌ´Ù. Lynx¿Í °°Àº VT100ȯ°æ¿¡¼­ ºê¶ó¿ìÀú¸¦ »ç¿ëÇÏ´Â °æ¿ì¶ó¸é, »ç¿ëÀÚ´Â À̹ÌÁö ´ë½Å "À§·Î"¶ó´Â ±ÛÀÚ¸¦ º¸°Ô µÈ´Ù.

* ±× ¹ÛÀÇ attribute

%¸¦ »ç¿ëÇϸé window Àüü¿¡ ´ëÇÑ »ó´ëÀûÀÎ Å©±â·Î, ±×·¸Áö ¾ÊÀ¸¸é pixel´ÜÀ§·Î Å©±â¸¦ ÁöÁ¤ÇÑ´Ù.
WIDTH, HEIGHT: ±×¸²ÀÇ Æø°ú ³ÐÀ̸¦ º¯°æÇÑ´Ù. ±×¸²ÀÇ Ãà¼Ò,È®´ë¸¦ À§ÇØ »ç¿ëµÉ ¼ö ÀÖ´Ù.
HSPACE, VSPACE: ±×¸² Á¿ì, »óÇÏ¿¡ ¿©¹éÀ» ÁØ´Ù.
BORDER: ±×¸² ÁÖÀ§¿¡ Å׵θ®¸¦ ±×¸°´Ù. ±×¸²ÀÌ ¸µÅ©µÈ °æ¿ì Ǫ¸¥ Å׵θ®°¡ ³ªÅ¸³ª°Ô µÇ´Âµ¥, ÀÌ Å׵θ®¸¦ ¾ø¾Ö·Á¸é border=0À» ÁöÁ¤ÇÏ¸é µÈ´Ù.
[»ç¿ë¿¹]
<img src="sample.html" align=right width=100 height=50 vspace=10 hspace=20 border=8>
±×¸² »ç¿ëÀÇ<br> ¿¹
±×¸² »ç¿ëÀÇ
¿¹

* È°¿ë

      Áö³ªÄ¡°Ô Å©°Å³ª ¸¹Àº ±×¸²À» »ç¿ëÇÏ´Â °ÍÀº Àü¼Û¹Þ´Â ½Ã°£À» ±æ°Ô ÇÏ¿© °¡±ÞÀû ÀÚÁ¦ÇÏ´Â °ÍÀÌ ÁÁ´Ù. Å« ±×¸²À» Á¦°øÇÒ ÇÊ¿ä°¡ ÀÖÀ¸¸é, ¹®¼­¿¡¼­ ¹Ù·Î Á¦°øÇÏÁö ¾Ê°í, »ç¿ëÀÚ°¡ ¼±ÅÃÀûÀ¸·Î °Ë»öÇÒ ¼ö ÀÖµµ·Ï µû·Î ÆäÀÌÁö¸¦ ¸¸µé¾î ÁÖ¾î¾ß ÇÑ´Ù.

      ÀϹÝÀûÀ¸·Î »çÁøÀº JPG Æ÷¸ËÀ¸·Î, »ö»ó ¼ö°¡ ÀûÀº ±×·¡ÇÈÀº GIF Æ÷¸ËÀ¸·Î Á¦°øÇÏ´Â °ÍÀÌ È¿À²ÀûÀÌ´Ù. ƯÈ÷ GIF´Â ÀÎÅÍ·¹À̽ºµå ¸ðµå¸¦ »ç¿ëÇÏ´Â °ÍÀÌ ÁÁ´Ù. À¯Æ¿¸®Æ¼¸¦ ÀÌ¿ëÇÏ¿© GIF ÆÄÀÏÀº ¹è°æÀ» Åõ¸íÇÏ°Ô ¸¸µé ¼öµµ ÀÖ´Ù. ±×¸®°í °¡±ÞÀûÀÌ¸é »ö»ó ¼ö¸¦ ÁÙ¿© ÆÄÀÏ Å©±â¸¦ ÀÛ°Ô ÇØ ÁÖ¾î¾ß Àü¼Û¼Óµµ¸¦ Çâ»ó½Ãų ¼ö ÀÖ´Ù. ¶ÇÇÑ ALT attribute¸¦ »ç¿ëÇÏ¿© text ȯ°æÀÇ »ç¿ëÀڵ鵵 ¾Ë¾Æ º¼ ¼ö ÀÖ°Ô ÇÏ¿©¾ß ÇÑ´Ù.

      À̹ÌÁö¸¦ È®´ë Ãà¼ÒÇÏÁö ¾Ê´õ¶óµµ, WIDTH¿Í HEIGHT attribute¸¦ »ç¿ëÇÏ´Â °ÍÀ» ±ÇÀåÇÑ´Ù. ÀÌ´Â ±×¸² ÆÄÀÏÀÌ ¸ðµÎ Àü¼ÛµÇ¾î ¿À±â ÀÌÀü¿¡ ÅؽºÆ®¸¦ ¸ÕÀú ºê¶ó¿ìÀúÀÇ È­¸é¿¡ ³ªÅ¸³ª°Ô ÇÒ ¼ö ÀÖÀ¸¹Ç·Î Àü¼Û¼Óµµ¸¦ Çâ»ó½ÃÅ°´Â È¿°ú¸¦ °¡Á®¿Â´Ù.