HTML ¹®¼­ÀÇ ±¸Á¶

      HTML ¹®¼­ÀÇ ±âº» ±¸Á¶´Â Å©°Ô ¸Ó¸´±Û(head)°ú ¸öü(body)ºÎºÐÀ¸·Î ³ª´µ¾î Áø´Ù. ¸Ó¸´±ÛÀº ¹®¼­ÀÇ Á¦¸ñ(title)ÀÌ ±â¼úµÇ¸ç ¸öü¿¡´Â ¹®¼­ÀÇ ³»¿ëÀÇ µé¾î°¡°Ô µÈ´Ù. ´ÙÀ½Àº ÀÌ·¯ÇÑ ±¸Á¶¸¦ ±â¼ú ÇÏ´Â ±âº»ÀûÀÎ HTML tagÀ» ³ªÅ¸³½´Ù.

<html>         ------ HTML ¹®¼­ÀÓÀ» ¾Ë¸²
        <head> ------ ¹®¼­ÀÇ ÇìµåºÎºÐ
        </head>
        <body> ------ ¹®¼­ÀÇ ¸öü
        </body>
</html>
      ½ÇÁ¦ ¹®¼­ÀÇ ³»¿ëÀº <body>¿Í </body>·Î µÑ·¯½ÎÀÎ tag ³»¿¡ µé¾î°¡°Ô µÈ´Ù. ÀϹÝÀûÀ¸·Î <body>¿¡ ¿À´Â ùºÎºÐÀº ÇØ´ç¹®¼­ÀÇ ¸Ó¸´±ÛÀÌ ¿À°Ô µÈ´Ù.

 <html>
      <head>
           <title>È«±æµ¿ÀÇ È¨ÆäÀÌÁö</title>
      </head>
      <body>
           <h1>È«±æµ¿ÀÇ È¨ÆäÀÌÁö¿¡ ¿À½Å °ÍÀ» ȯ¿µÇÕ´Ï´Ù!</h1>
           <h2>ÀλçÀÇ ±Û</h2>
      </body>
 </html>

      À§¿¡¼­Ã³·³ ±âº» °ñ°ÝÀ» Àâ°í ŸÀÌƲ°ú ÇìµùÀ» ³Ö¾îÁÖ¾ú´Ù¸é, ±× ´ÙÀ½¿¡ ÇÒ ÀÏÀº ³»¿ëÀ» ä¿ö ³Ö´Â ÀÏÀÌ´Ù. À̸¦ À§Çؼ­ À§ÀÇ Çìµù ¹Ù·Î ´ÙÀ½¿¡ ´ÙÀ½°ú °°ÀÌ ¿øÇÏ´Â ³»¿ëÀ» ³Ö´Â´Ù.

 <html>
         <head>
                 <title>È«±æµ¿ÀÇ È¨ÆäÀÌÁö</title>
         </head>
         <body>
                 <h1>È«±æµ¿ÀÇ È¨ÆäÀÌÁö¿¡ ¿À½Å °ÍÀ» ȯ¿µÇÕ´Ï´Ù!</h1>
                 <h2>ÀλçÀÇ ±Û</h2>
                 ¾È³çÇϽʴϱî?<br>
                 ¿©·¯ºÐÀÇ ¹æ¹®À» Áø½ÉÀ¸·Î ȯ¿µÇÕ´Ï´Ù.<br>
                 ¿©±â´Â µ¿¿¡ ¹ø½, ¼­¿¡ ¹ø½ È«±æµ¿ ȨÆäÀÌÁöÀÔ´Ï´Ù.<br>
                 À¥ÀÇ ¼¼°è°¡ ¹øâÇϸ鼭 ÀÌÁ¦´Â ¿©±âÀú±â¼­ ¹ø½Çϴ°Ô
                 Àú »Ó¸¸ÀÌ ¾Æ´Ï±º¿ä.<br>
                 Áñ°Ì°í À¯ÀÍÇÑ ½Ã°£ÀÌ µÇ½Ã±â¸¦ ¹Ù¶ø´Ï´Ù.
                 <p>

                 È«±æµ¿ ¿Ã¸².
         </body>
 </html>

      ±×·¯³ª, ¸¹Àº HTML ¹®¼­ÀÇ ¼Ò½º¸¦ º¸¸é, <html>, <head>, <body> tagµéÀÌ »ý·«µÇ¾î ÀÖ´Ù. ÀÌ·¯ÇÑ tagµéÀÌ »ý·«µÇ¾îµµ ºê¶ó¿ìÀúÀÇ Ãâ·Â¿¡´Â º° ¿µÇâÀ» ¹ÌÄ¡Áö ¾Ê±â ¶§¹®ÀÌ´Ù. ±×·¯³ª ±ò²ûÇÑ Çü½ÄÀ» °®ÃãÀ¸·Î½á ´ÙÀ½¿¡ ¼öÁ¤ÀÌ ½¬¿öÁö¸ç ´Ù¸¥ »ç¶÷µéµµ ½±°Ô ¾Ë¾Æº¼ ¼ö ÀÖ´Ù. ¶ÇÇÑ ´Ù¾çÇÑ ºê¶ó¿ìÀúµé¿¡ ÀÇÇØ ¾ÈÁ¤ÀûÀ¸·Î Áö¿øµÈ´Ù.

      ÇÑÆí <body> tagÀº ¹®¼­ÀÚü¿¡ ´ëÇÑ ¸î°¡Áö attribute¸¦ ÁöÁ¤ÇÒ ¼ö ÀÖ´Ù.

[»ç¿ë¹ý] <BODY [BACKGROUND="±×¸²ÆÄÀÏ"] [BGCOLOR=color] [TEXT=color] [LINK=color] [VLINK=color] [ALINK=color]> ... ¹®¼­³»¿ë ... </BODY>

      ±×¸²ÆÄÀÏÀÇ URLÀÌ BACKGROUND·Î ÁöÁ¤µÇ¸é, ¹®¼­ÀÇ ¹è°æ±×¸²ÀÌ µÈ´Ù. color´Â #FFFFFF¿Í °°Àº Çü½ÄÀ¸·Î °¢ µÎ ¹®ÀÚ¾¿ 16Áø¼öÀÇ RGB Ä®¶ó ¶Ç´Â »ö»óÀÇ À̸§ÀÌ µÈ´Ù. ±×¸®°í bgcolor´Â ¹è°æ»ö(WHITE)À», text´Â ±ÛÀÚ»ö(BLACK), link´Â Á¢¼ÓµÈ ÀûÀÌ ¾ø´Â ¸µÅ©ÀÇ »ö(ÆĶû), vlink´Â °ú°Å¿¡ Á¢¼ÓµÈ ÀûÀÌ ÀÖ´Â ¸µÅ©ÀÇ »ö(DARKVIOLET), alink´Â ¸¶¿ì½º·Î ¼±ÅÃÇÏ¿´À» ¶§ÀÇ »ö(RED)À» ÁöÁ¤ÇÏ°Ô µÈ´Ù. °ýÈ£ ¾ÈÀÇ »öÀº Netscape¿¡¼­ÀÇ ±âº»°ªµéÀÌ´Ù. À̵é Áß ºê¶ó¿ìÀúÀÇ ±âº»°ªÀ» ¹Ù²Ù°í ½ÍÀº attribute¸¸À» ¼±ÅÃÀûÀ¸·Î »ç¿ëÇÏ¸é µÈ´Ù.

[»ç¿ë¿¹]
 <body bgcolor=#8080FF>
 ... ³»¿ë ...
 </body>
[Ãâ·Âº¸±â]