´ëºÎºÐÀÇ 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>
BOTTOM: | ±×¸²ÀÇ ÇÏ´Ü°ú ÅؽºÆ®¸¦ ÀÏÄ¡½ÃŲ´Ù. |
TOP: | ±×¸²ÀÇ »ó´Ü°ú ÅؽºÆ®¸¦ ÀÏÄ¡½ÃŲ´Ù. |
MIDDLE: | ±×¸²ÀÇ Áß¾Ó¿¡ ÅؽºÆ®¸¦ ÀÏÄ¡½ÃŲ´Ù. |
LEFT: | ±×¸²ÀÌ ¿ÞÂÊ¿¡ ¿À¸ç, ÅؽºÆ®´Â ¿À¸¥ÂÊ ºó °ø°£¿¡ ¸Þ¿öÁø´Ù. |
RIGHT: | ±×¸²ÀÌ ¿À¸¥ÂÊ¿¡ ¿À¸ç, ÅؽºÆ®´Â ¿ÞÂÊ¿¡ ¸Þ¿öÁø´Ù. |
<IMG SRC="UpArrow.gif" ALT="À§·Î">
À§¿¡¼ º¸¸é UpArrow.gif´Â À§ÂÊÀ¸·Î ¿Ã¶ó°¡´Â ±â´ÉÀ» ³ªÅ¸³»´Â È»ìÇ¥ ±×¸²ÀÌ´Ù. Lynx¿Í °°Àº VT100ȯ°æ¿¡¼ ºê¶ó¿ìÀú¸¦ »ç¿ëÇÏ´Â °æ¿ì¶ó¸é, »ç¿ëÀÚ´Â À̹ÌÁö ´ë½Å "À§·Î"¶ó´Â ±ÛÀÚ¸¦ º¸°Ô µÈ´Ù.
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¸¦ »ç¿ëÇÏ´Â °ÍÀ» ±ÇÀåÇÑ´Ù. ÀÌ´Â ±×¸² ÆÄÀÏÀÌ ¸ðµÎ Àü¼ÛµÇ¾î ¿À±â ÀÌÀü¿¡ ÅؽºÆ®¸¦ ¸ÕÀú ºê¶ó¿ìÀúÀÇ È¸é¿¡ ³ªÅ¸³ª°Ô ÇÒ ¼ö ÀÖÀ¸¹Ç·Î Àü¼Û¼Óµµ¸¦ Çâ»ó½ÃÅ°´Â È¿°ú¸¦ °¡Á®¿Â´Ù.