´Ù¸¥ ÆÄÀϰú ¿¬°áÇϱâ

Àý´ë°æ·Î¿Í »ó´ë°æ·Î°¡ Áß¿äÇÑ ÀÌÀ¯´Â ȨÆäÀÌÁö¿¡ ¾²ÀÏ html ÆÄÀϵéÀº ¾î¶² ƯÁ¤ ÄÄÇ»ÅÍ¿¡¼­ ³²µé¿¡°Ô º¸ÀÏ °ÍÀÌ ¾Æ´Ï±â ¶§¹®ÀÔ´Ï´Ù. html ¹®¼­°¡ ÀÎÅͳݿ¡ ¿Ã·ÁÁö¸é ¼Õ´ÔµéÀº Àý´ë°æ·Î¸¦ ÅëÇØ ±×°ÍÀ» º¸°Ô µË´Ï´Ù.

´Â ÀÎÅͳÝÀ» ´Ù´Ò ¶§ ÀÚÁÖ ¾²´Â ÁÖ¼Ò¸¦ ±âÁØÀ¸·Î »ý°¢ÇÏ¸é µË´Ï´Ù. ´ÙÀ½°ú °°ÀÌ ¿ì¸®°¡ º¸Åë ¸»ÇÏ´Â URLÀÌÁö¿ä.

http://how2home/page_tech/html/table/basic_01.html

¹¹, ÀÌ·± °Ì´Ï´Ù.

¶õ ¾î¶² Æú´õ¸¦ ±âÁØÀ¸·Î ¾Æ·¡³ª À§ÀÇ Æú´õ¸¦ °¡¸®Å°´Â ¹æ¹ýÀÔ´Ï´Ù. »ó´ë°æ·Î¸¦ Àâ¾ÆÁÖ´Â ¹æ¹ýÀº ´ÙÀ½°ú °°½À´Ï´Ù.

(1) °°Àº Æú´õ¿¡ ÀÖÀ¸¸é ÆÄÀÏ À̸§¸¸ ½á ÁÖ¸é µË´Ï´Ù.

(2) ¾Æ·¡ÂÊ Æú´õ¶ó¸é À̸§À» ½á Áָ鼭 ÀÚ²Ù ³»·Á°¡¸é µË´Ï´Ù.
¿¹) images/data/images/picture.jpg

(3) ¿· Æú´õ¿¡ ÀÖ´Â °ÍÀº ../Æú´õ À̸§/ÆÄÀÏ À̸§Ã³·³ ½á ÁÖ¸é µË´Ï´Ù.

(4) ´Ù¸¥ »ç¶÷ÀÇ È¨ÆäÀÌÁö¸¦ ¿¬°áÇÏ°í ½ÍÀ» ¶§´Â ÁÖ¼Ò¸¦ ¸ù¶¥ ½áÁÖ¸é µË´Ï´Ù.

(5) À§ÂÊ Æú´õ¿¡ ÀÖ´Â ÆÄÀϰú ¿¬°áÇØ ÁÙ ¶§´Â ../ÆÄÀÏ À̸§Ã³·³ ½á ÁÖ¸é µË´Ï´Ù. 2´Ü°è À§ÀÇ Æú´õ¿¡ ÀÖ´Â ÆÄÀÏÀº¿ä? ../../Æú´õ À̸§/ÆÄÀÏ À̸§Ã³·³ ½á ÁÝ´Ï´Ù.


´ÙÀ½ ±×¸²°ú °°Àº Æú´õ±¸Á¶¿Í ÆÄÀÏÀÌ ÀÖ´Ù¸é »ó´ë°æ·Î·Î ¿¬°áÇÏ´Â ¹æ¹ýÀº ´ÙÀ½°ú °°´Ù´Â À̾߱âÀÔ´Ï´Ù.

(1) index.html¿¡¼­ data_01.htmlÀº :

<a href=html_01/data_01.html>data_01·Î ¿¬°á</a>

(2) data_01.html¿¡¼­ index.htmlÀº :

<a href=../index.html>ȨÀ¸·Î</a>

(3) data_01.html¿¡¼­ about.htmlÀ̶ó¸é :

<a href=../html_02/about.html>about.html·Î ¿¬°á</a>

(4) data_01.htmlÀÇ ±×¸² ÆÄÀÏÀº :

images/pic_01.gif

(5) about.htmlÀÇ ±×¸² ÆÄÀÏÀº :

images/pic_02.jpg