3.HTML±âÃÊ


3.3 ¼Ó¼º Ãß°¡

  HTMLÀÇ Tag¸¦ »ç¿ëÇÏ´Â °æ¿ì Ãß°¡ÀûÀÎ ¼Ó¼º(Attribute)À» ÁöÁ¤ÇÒ ¼ö ÀÖ´Â °ÍµéÀÌ ÀÖ´Ù. ¿¹¸¦µé¾î BODY tag¸¦ º¸¸é,
    <BODY background="bk.gif">
  À§¿Í °°Àº tag¸¦ »ç¿ëÇÏ°Ô µÇ¸é, HTML¹®¼­ÀÇ ¹ÙÅÁ¿¡ "bk.gif"¶ó´Â ±×¸²ÀÌ µé¾î°¡°Ô µÈ´Ù. ÀÌ·¸°Ô tagÀÇ ³»ºÎ¿¡ ¼Ó¼ºÀ» Ãß°¡ÇÒ ¼ö ÀÖ´Â Ç׸ñÀÌ ¸¹ÀÌ ÀÖ´Ù. ±×·¯³ª, ÀÏÀÏÀÌ ´Ù ¼³¸íÇÒ Á¤µµ´Â ¾Æ´Ï°í, ±×³ª¸¶µµ HTML Editor¸¦ »ç¿ëÇÏ´Ù º¸¸é ÀúÀý·Î ¾Ë °Ô µÉ °ÍÀ̹ǷÎ, ÀÚ¼¼ÇÑ ¼³¸íÀº »ý·«ÇÑ´Ù. ( ¹è°æ»ö, ¹è°æ±×¸², ¹è°æÀ½¾Ç, ±ÛÀÚ»ö±òµî ¼³Á¤ÇÒ ¼ö ÀÖ´Â °ÍµéÀÌ ¸¹ÀÌ ÀÖ´Ù. )

    TagÀÇ ¼Ó¼º  ¸¸ÀÏ HTML ½ºÆå¿¡ Á¤ÀǵÇÁö ¾Ê°Å³ª, ºê¶ó¿ìÀú¿¡¼­ ÀνÄÇÏ´Â ¼Ó¼ºÀÌ ¾Æ´Ñ °æ¿ì¿¡´Â ¼Ó¼ºÀ» ÁöÁ¤ÇÏ´õ¶óµµ, ºê¶ó¿ìÀú°¡ À̸¦ ¹«½ÃÇÑ´Ù. ¶ÇÇÑ, ¼Ó¼ºÀÇ °æ¿ì vlink="blue" ÀÌ·¸°Ô Áà¾ß ÇÔ¿¡µµ ºÒ±¸Çϰí, À߸øÇؼ­ vlink="blue ÀÌ·¸°Ô "¸¦ »©¸Ô´Â °æ¿ì¿¡ È­¸éÀÇ »ö±òÀÌ ¿ÏÀüÈ÷ ¾û¸ÁÀÌ µÇ°Å³ª, È­¸éÀÌ ±úÁö´Â °æ¿ì°¡ ÀÖÀ¸´Ï ÁÖÀÇÇÒ°Í!
3.4 Link / Anchor

  HTML¹®¼­¿¡¼­ Link¸¦ »©³õ°í¼­´Â ¾ê±â°¡ ¾ÈµÈ´Ù. ÀÌ ¹®¼­µµ ¸Ç ÇÏ´Ü¿¡ Next, Prev¹öưÀÌ À־ ´©¸£°Ô µÇ¸é ´Ù¸¥ ¹®¼­¸¦ º¼ ¼ö ÀÖ´Â °ÍÀÌ ¹Ù·Î Hyper LINK±â´ÉÀÌ´Ù. Anchor´Â Á» Àǹ̰¡ ´Ù¸¥µ¥, ¹®¼­ÀÇ ¾î¶² ºÎºÐ¿¡ À̸§À» ºÎ¿©ÇÏ´Â °ÍÀÌ¶ó º¼ ¼ö ÀÖ´Ù. ±×·¡¼­ ³ªÁß¿¡ Çѹø¿¡ ÇØ´çÇÏ´Â ÁöÁ¡À¸·Î ã¾Æ¿Ã ¼ö ÀÖ°Ô ¸¸µå´Â Ã¥°¥ÇÇ ºñ½ÁÇÑ ¿ªÇÒÀ» ÇÏ°Ô µÈ´Ù.

Anchor¿Í Link´Â ´ÙÀ½°ú °°ÀÌ »ç¿ëÇÑ´Ù. ¹°·Ð, °°Àº ±¸¹®¿¡¼­ »ç¿ëÇÒ ¼öµµ ÀÖ´Ù. »ç½Ç ÀÌ µÎ°¡Áö´Â <A></A> TagÀÇ ÇϳªÀÇ ¼Ó¼º¿¡ ºÒ°úÇÏ´Ù.

  • Anchor : <A NAME="UP">UP</A>

  • Link : <A HREF="menu.html">MENU</A> 

  1) ±âº» ±¸Á¶ ¹× »ç¿ë¿¹(hypertext reference)

    <A NAME="UP" HREF="../menu.html">Go to Menu</A>
            Anchor                  Link
    °æ·ÎÀÇ »ç¿ë  °æ·Î¸íÀº »ó´ë°æ·Î³ª Àý´ë°æ·Î°¡ °¡´ÉÇѵ¥, Àý´ë°æ·Î¸íÀ» ¾²¸é, Ç×»ó ´Ù½Ã Àü¼ÛÀ» ¹Þ°Ô µÇ¾î ´À·ÁÁö°Ô µÇ³ª, »ó´ë°æ·Î¸¦ ¾²¸é, BrowserÀÇ ´ëºÎºÐÀ» ÀÚ½ÅÀÇ Cache¿¡¼­ °¡Á®´Ù ¾²°Ô µÇ¹Ç·Î, º¸´Ù ºü¸¥ ¼Óµµ¸¦ ¾òÀ» ¼ö ÀÖ´Ù. Àý´ë°æ·Î´Â /·Î ½ÃÀÛÇϰí, »ó´ë°æ·Î´Â ..¶Ç´Â .·Î ½ÃÀÛÇÑ´Ù.
  2) »ç¿ë : ´Ù¸¥ ¹®¼­¶Ç´Â °°Àº ¹®¼­¿¡¼­ ÇØ´ç Àå¼Ò·Î À̵¿

    <A HREF="../menu.html#UP">go test</A>

      À§¿Í°°ÀÌ ÇÏ°Ô µÇ¸é, menu.htmlÀ̶ó´Â ¹®¼­¸¦ Àü¼Û¹ÞÀº µÚ¿¡ È­¸é¿¡ Ãâ·ÂÇÒ ¶§ UPÀ̶ó´Â À̸§ÀÌ ±â·ÏµÈ ºÎºÐÀ» ã¾Æ ÀÚµ¿ ½ºÅ©·ÑµÈ »óÅ·Πº¸¿©Áö°Ô µÈ´Ù. À̰ÍÀ» ÀÀ¿ëÇÏ¸é °°Àº ¹®¼­³»¿¡¼­µµ À̵¿ÇÒ ¼ö ÀÖ°Ô ÀÛ¼ºÇÒ ¼öµµ ÀÖ´Ù.
    ¿¹Á¦ 2 : Link ¿Í Anchor¸¦ ½á¼­ »çÀü°ú °°Àº ±â´ÉÀ» Á¦°øÇÒ ¼ö ÀÖ´Ù. ´ÙÀ½ ¿¹°¡ ±×·¯ÇÑ °ÍÀÌ´Ù. ÁÖ·Î ºÁ¾ß ÇÒ °ÍÀº º°µµÀÇ loading ½Ã°£ÀÌ ¾øÀÌ Çѹø¸¸ °¡Á®¿À°í ³ª¼­ ³ª¸ÓÁö´Â °°Àº ¹®¼­ ¾È¿¡¼­ À̵¿ÀÌ ÀÌ·ç¾î Áø´Ù´Â °ÍÀÌ´Ù.
  3) LINKÀÇ Ãß°¡±â´É

  • mail º¸³»±â : ÁöÁ¤ÇÑ »ç¶÷¿¡°Ô ¸ÞÀÏÀ» º¸³»±â À§Çؼ­.

    <A HREF="mailto:Deadfire">mail to deadfire</A>

      E-MailÀÇ »ç¿ë  Outlook°ú °°Àº ¸ÞÀÏ ÇÁ·Î±×·¥ÀÌ ±¸µ¿µÇ¸é¼­ ¹Þ´Â »ç¶÷¶õÀ» ¼³Á¤ÇÏ´Â °ÍÀÌ´Ù. ½ÇÁ¦·Î »ç¿ëÀÚ°¡ ¸ÞÀÏÀ» º¸³»·Á¸é, mail ¿É¼ÇÀÌ ¼ÂÆÃµÇ¾î ÀÖ¾î¾ß ÇÑ´Ù. Áï. °³ÀÎÀûÀ¸·Î Á¢±ÙÇÒ ¼ö ÀÖ´Â mail server°¡ ÀÖ¾î¾ß ÇÑ´Ù. ÀÚ¼¼ÇÑ »çÇ×Àº ¸ÞÀÏ Å¬¶óÀ̾ðÆ®(Outlook°°Àº°Å) ¸¶´Ù ´Ù¸£Áö¸¸, ¿É¼Ç¿¡¼­ Ãß°¡ÇÒ ¼ö ÀÖ´Ù. ¾î·°Ç, À̰ÍÀº »ç¿ëÀÚ°¡ ÇØ°áÇØ¾ß ÇÒ ¹®Á¦À̹ǷÎ, ¼­¹öÃø¿¡¼­ ¸ÞÀÏÀ» ¹ÞÀ» ¼ö ÀÖ´Â °èÁ¤¸¸ °¡Áö°í ÀÖÀ¸¸é µÈ´Ù. ¾î¶² °æ¿ì¿¡´Â ¾Æ¿¹ ¸ÞÀϼ­¹ö°¡ ¾ø´Â »ç¿ëÀÚ¸¦ À§ÇØ º°µµÀÇ ¹®¼­·Î À̵¿½ÃÄѼ­ ¹Þ´Â °æ¿ìµµ ÀÖ´Ù.

  • FTP·Î ¿¬°á : ºê¶ó¿ìÀú·Î FTP¼­ºñ½º¿¡ Á¢¼ÓÇÒ °æ¿ì

    <A HREF="ftp://www.deadfire.com">

    À§¿Í °°Àº °æ¿ì¿¡´Â anonymous°èÁ¤À¸·Î ¿¬°áÇÏ°Ô µÇ¸ç, ¸¸ÀÏ Á¢¼ÓÇÏ·Á´Â FTP¼­¹ö¿¡ º°µµÀÇ °èÁ¤ÀÌ ÀÖ´Â °æ¿ì¿¡´Â ´ÙÀ½°ú °°ÀÌ userid¿Í password¸¦ ¼³Á¤ÇÏ¿© ¿¬°áÇÒ ¼öµµ ÀÖ´Ù.

    <A HREF="ftp://userid:password@www.deadfire.com">

      FTP»ç¿ë  ºê¶ó¿ìÀú¸¦ ÀÌ¿ëÇÑ FTP¿¬°áÀÇ °æ¿ì ÀϹÝÀûÀÎ WS-FTP, LeechFTP¿Í °°ÀÌ Çѹø LoginÇÏ°í °è¼Ó »ç¿ëÇÏ´Â °ÍÀÌ ¾Æ´Ï±â ¶§¹®¿¡ ¼Óµµµµ ¸¹ÀÌ ´À¸®´Ù´Â ´ÜÁ¡ÀÌ ÀÖ´Ù.

- Last Update : 2001.6.19 by Deadfire(http://www.deadfire.net)

HTML °­ÁÂ
HTMLÀ̶õ?
À¥¼­¹ö ÀÛµ¿¿ø¸®
HTML ±âÃÊ
     - Àüü ±¸Á¶
     - ±âº» ű×
     - ¼Ó¼º Ãß°¡
     - Link/Anchor
     - ¸ñ·Ï Tag
     - ¹®ÀÚ¿Í ½ºÅ¸ÀÏ
     - ±âŸ Tag
     - Ư¼ö ¹®ÀÚ Ç¥±â
     - À̹ÌÁö Ç¥±â
HTML Ȱ¿ë
     - Table
     - Frame
     - Form
     - Elements
±â Ÿ
     - MIME Type
     - À̹ÌÁö ¸Ê
     - Ŭ¶óÀÌ¾ðÆ® Ç®
¸¶Ä¡¸ç

Copyright ¨Ï 1997 ~, Deadfire Program Master