±×¸²³Ö±â
 
±×¸²³Ö±â »ùÇÃ

 

À§¿Í °°Àº ¸ð¾çÀ» ¸¸µé¾îº¸±â·Î ÇÕ´Ï´Ù.
¸ÕÀú ±×¸²À» ³Ö´Â ¹æ¹ýÀ» º¾´Ï´Ù.

±×¸²³Ö±â ¹æ¹ý

img´Â ±×¸²À̶ó´Â ¶æÀÇ image¸¦ ÁÙ¿© ¾´ °ÍÀÔ´Ï´Ù.

src´Â source¸¦ ÁÙ¿©¾´ °ÍÀÔ´Ï´Ù. URLÀ̶õ ¸»ÇÒ °Íµµ ¾øÀÌ ±×¸² ÆÄÀÏÀÇ URLÀ» ½á¶ó´Â ¶æÀ̰ڽÀ´Ï´Ù. µÚ¿¡¼­ ¼³¸íÇÏÁö¸¸ URLÀº º¸Åë »ó´ë°æ·Î¸¦ ½áÁÝ´Ï´Ù.

width´Â °¡·Î Å©±â, height´Â ¼¼·Î Å©±â¸¦ ¶æÇÕ´Ï´Ù. ´ÜÀ§´Â Çȼ¿ÀÔ´Ï´Ù.

alt´Â ±×¸² ´ë½Å¿¡ º¸¿©ÁÙ ±ÛÀÚ¸¦ ½á¶ó´Â ¶æÀÔ´Ï´Ù. alt´Â alternative¸¦ ÁÙÀÎ °ÍÀÔ´Ï´Ù. alt´Â ÅØ½ºÆ®¸¸ º¸À̵µ·Ï ºê¶ó¿ìÀú¸¦ ¼¼ÆÃÇØ¼­ ÀÎÅͳÝÀ» ´Ù´Ï´Â »ç¶÷µéÀ» À§ÇÑ °ÍÀ¸·Î ¿¹¸¦ µé¾î À§ ±×¸²°ú °°Àº °æ¿ì alt="½ºÇÎÅ©½º, sphinx"¶ó°í ½áÁÖ¸é ±×¸² ÀÚ¸®¿¡ ÀÌ ±ÛÀÌ ³ªÅ¸³³´Ï´Ù.
¶Ç Çϳª ´õ ¿ªÇÒÀ» ÇÏ´Â °ÍÀº alt¸¦ ½áµÎ¸é È­»ìÇ¥°¡ ±×¸² À§·Î ¿Ã¶ó¿Ã ¶§ È­»ìÇ¥ ¿·À¸·Î alt °ªÀÌ ³ªÅ¸³³´Ï´Ù. ±×¸²À» ¼³¸í°ú °°Àº È¿°ú¸¦ ³»Áö¿ä.
ÀÌ ÂÊ¿¡¼­ ¾î´À ±×¸² À§·Î³ª È­»ìÇ¥¸¦ °¡Á®°¡¼­ Àá±ñ ¸Ó¹°·¯ º¸¼¼¿ä. alt °ªÀ» º¼ ¼ö ÀÖ½À´Ï´Ù.
 

¿·±âµÕ

µû¶óÇϱâ

(1) ¸ÕÀú ¿©±â¼­ ½ºÇÎÅ©½ºsphinx ±×¸²À» ³»·Á¹Þ½À´Ï´Ù. ÆÄÀÏ À̸§Àº sphinx.zipÀÔ´Ï´Ù. ¾ÐÃàÆÄÀÏÀ» Ç®¸é sphinx.gif°¡ ³ª¿É´Ï´Ù.

(2) ¾ÐÃàÀ» Ç®°í Æú´õ¸¦ ¸ÕÀú Á¤¸®ÇÕ´Ï´Ù. ±×¸²À» º¸¼¼¿ä. À̰ÍÀº °¡Àå ¸¹ÀÌ ¾²ÀÌ´Â ¸ð¾çÀÔ´Ï´Ù. ±×¸²Àº ´ë°³ html ÆÄÀÏÀÌ µé¾î ÀÖ´Â Æú´õÀÇ ¾Æ·¡ÂÊ¿¡ images¶ó´Â À̸§ÀÇ Æú´õ¸¦ ¸¸µé¾î ³Ö´Â °ÍÀÌ º¸ÅëÀÔ´Ï´Ù. ±×¸²°ú °°Àº ¸ð¾çÀÌÁö¿ä. html ÆÄÀÏÀÌ µé¾î ÀÖ´Â ¾Æ·¡¿¡ images¶ó´Â Æú´õ¸¦ ¸¸µé°í ¾Õ¿¡¼­ ³»·Á¹ÞÀº ±×¸²ÆÄÀÏÀÇ ¾ÐÃàÀ» Ç®¾î¼­ ±× ¾È¿¡ ³Ö½À´Ï´Ù.

(3)ÅØ½ºÆ® ¿¡µðÅ͸¦ ¿­°í ´ÙÀ½°ú °°ÀÌ ½áÁÝ´Ï´Ù. ´Ù¸¥ ºÎºÐ¿ä? ¹¹, À־ µÇ°í ¾ø¾îµµ »ó°ü ¾ø°ÚÁö¿ä.
      <body bgcolor=black text=ivory>
      <img src=images/sphinx.gif>

(4)±×¸²³Ö±â´Â ³¡ÀÔ´Ï´Ù. ÀÌÁ¦ ÀúÀåÇϰí(À̸§Àº img_test.html) ºê¶ó¿ìÀú·Î º¸¼¼¿ä. ¾î¶²°¡¿ä? ±×¸²ÀÌ º¸ÀÌÁÒ? ¾Æ, ±×·±µ¥ ±×¸²ÀÌ ¿ÞÂÊ¿¡ Âø ´Þ¶óºÙ¾î ÀÖ´Ù°í¿ä? ±×·¯¸é <p align=center>À» <img> ÅÂ±× ¾Õ¿¡ ºÙ¿©ÁÖ°í ´Ù½Ã ºê¶ó¿ìÀú·Î º¸½Ã¸é ÇѰ¡¿îµ¥ ¿Í ÀÖÀ» °ÍÀÔ´Ï´Ù.
°á±¹ ÄÚµå´Â ´ÙÀ½°ú °°°Ú½À´Ï´Ù.
      <body bgcolor=black text=ivory>
      <p align=center><img src=images/sphinx.gif>


¾Æ´Ï, ¾ÆÁ÷ ±× ¾Æ·¡ÀÇ ±ÛÀÚµéÀÌ Àִµ¥ ¹ú½á ³¡À̶ó´Ï¿ä? À½¡¦ ±×·±µ¥ ±×°ÍµéÀº ¾Õ¿¡¼­ ±ÛÀÚ´Ù·ç±â¿¡¼­ ¸ðµÎ ¹è¿î °Í ¾Æ´Ñ°¡¿ä? ³ª¸ÓÁö´Â À§Ã³·³ º¸À̵µ·Ï Á÷Á¢ ¸¸µé¾îº¸¼¼¿ä. ¸¸µç ´ÙÀ½ ±Û¾´À̰¡ ¸¸µç °Í°ú ºñ±³Çغ¸½Ã°í¿ä. ¿©±â, ÀÌ ¸µÅ©°¡ À§ÀÇ ±×¸²À» ºê¶ó¿ìÀú·Î º¸¿©ÁÝ´Ï´Ù. ¼Ò½ºÄÚµå¾ß ½±°Ô º¸½Ç °Å°í¿ä!
ÄÚµåÀÇ ¸¶Áö¸· ºÎºÐ¿¡ <a href=answer.html>ÀÌ º¸ÀÏ °ÍÀÔ´Ï´Ù. À̰ÍÀº ´ÙÀ½¿¡¼­ °ð¹Ù·Î ´Ù·ì´Ï´Ù.

Äڵ带 º¸¸é ¾ð¶æ, ¾µµ¥¾ø´Â <br>°ú &nbsp;°¡ µé¾î°£ °Íó·³ º¸ÀÏ °ÍÀÔ´Ï´Ù. ±×°ÍÀÌ ÀÖ´Â °Í°ú ¾ø´Â °ÍÀÇ Â÷À̸¦ ´À²¸º¸¼¼¿ä.
¡ºAll of Homepage Knowhow¡»¿¡¼­ ½ºÅ¸ÀÏ½ÃÆ®¸¦ ¹è¿ì°í ³ª¸é ·¹À̾ƿô¿¡ ´ëÇÑ ¹®Á¦´Â ½±°Ô ÇØ°áµÇÁö¸¸ ±âÃÊ HTML¸¸À¸·Î´Â ·¹À̾ƿôÀÌ ¾î·Æ½À´Ï´Ù. ¾ÆÁ÷ Å×ÀÌºíµµ ¹è¿ì±â ÀüÀ̴ϱî¿ä. ¾Æ¹«Æ°, ÀÌó·³ ¹«½ÄÇÏ°Ô ÀÚ¸®¸¦ Á¶ÀýÇÏ´Â °Íµµ ÇÑ ¹ø ÇØº¼ ÇÊ¿ä´Â ÀÖ½À´Ï´Ù.

Ȥ½Ã¶óµµ width¿Í height °ªÀº ÇÊ¿ä ¾ø´À³Ä°í ¹¯´Â ºÐÀÌ ÀÖÀ» °ÍÀ¸·Î »ý°¢Çؼ­ ¼³¸íÇÕ´Ï´Ù. Á¶±Ý¸¸ Âü°í ±â´Ù¸®¸é ÀÚ¼¼ÇÑ ¼³¸íÀÌ ³ª¿É´Ï´Ù. ¸ÕÀú º¸°í ½ÍÀ¸¸é ¿©±â¸¦ ´Ù³à¿À¼¼¿ä!