W3C2 HTML 4ÀÇ ¼Ò°³Trio ȨÆäÀÌÁö
¸ñÂ÷
  1. ¿ùµå¿ÍÀ̵åÀ¥(World Wide Web) À̶õ?
    1. URIÀÇ ¼Ò°³
    2. ºÎÀ§ ÁöÁ¤ÀÚ(fragment identifier)
    3. »ó´ë URI
  2. HTML À̶õ ?
    1. HTMLÀÇ °³·«ÀûÀÎ ¿ª»ç
  3. HTML 4
    1. ±¹Á¦È­
    2. Á¢¼Ó¼º
    3. ǥ(table)
    4. º¹ÇÕ ¹®¼­
    5. ½ºÅ¸ÀϽ¬Æ®(style sheet)
    6. ½ºÅ©¸³Æ®(Scripting)
    7. Àμâ
  4. HTML 4À¸·Î ¹®¼­ ÀÛ¼º
    1. ±¸Á¶¿Í Ç¥ÇöÀÇ ºÐ¸®
    2. ¹ü¿ë À¥ Á¢¼Ó¼ºÀÇ °í·Á
    3. Á¡ÁøÀû Ç¥ÇöÀ¸·Î »ç¿ëµµ±¸ µ½±â

2.1 ¿ùµå¿ÍÀ̵åÀ¥(World Wide Web) À̶õ ?

World Wide Web (Web)Àº Á¤º¸ ÀÚ¿øµéÀÇ ³×Æ®¿ö±×(network)ÀÌ´Ù. ¿ûÀº ´ÙÀ½ ¼¼°¡Áö ±â´ÉÀ¸·Î ³Ð°Ô ºÐÆ÷ µÈ ûÁßµéÀÌ Á¤º¸ ÀÚ¿øÀ» ½±°Ô Á¢¼Ó ÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù.

  1. ÅëÀÏ µÈ À¥ ÀÚ¿øÀÇ À§Ä¡ ÁöÁ¤ ¹æ¹ý (¿¹¸¦ µé¾î, URI).
  2. ¿ûÀÇ ÀÚ¿ø À̸§¿¡ Á¢±ÙÇÏ´Â ÇÁ·ÎÅäÄÝ(protocol) (¿¹: HTTP).
  3. ÀÚ¿øµé »çÀÌÀ» ½±°Ô Ç×ÇØ ÇÒ ¼ö ÀÖ´Â ¾ð¾î(Hypertext) (¿¹: HTML).

ÀÌµé ¼¼°¡Áö ±â´ÉÀÇ »óÈ£ÀûÀÎ ¿¬°áÀÌ Àü ±Ô°ÝÀ» ÅëÇÏ¿© ¼³¸íµÇ¾îÀÖ´Ù.

2.1.1 URIÀÇ ¼Ò°³

HTML ¹®¼­, À̹ÌÁö, ºñµð¿À ÀÚ·á, ÇÁ·Î±×·¥ µî À¥»óÀÇ °¢ ÀÚ¿øµéÀº URI(Universal Resource Identifier)·Î ¿£ÄÚµå(encode) µÉ ¼ö ÀÖ´Â ÁÖ¼Ò¸¦ °¡Áø´Ù.

URI´Â ¼¼ ºÎºÐÀ¸·Î ±¸¼ºµÇ¾îÀÖ´Ù.

  1. ÀÚ¿ø¿¡ Á¢±ÙÇÏ´Â ¹æ¹ý À̸§.
  2. ÀÚ¿øÀ» °®°íÀִ ȣ½ºÆ® À̸§.
  3. °æ·Î(path)·Î ÁÖ¾îÁø ÀÚ¿øÀÇ À̸§.

´ÙÀ½ URI´Â W3C ±â¼úÀû º¸°í¼­µéÀÇ ÆäÀÌÁö¸¦ Áö½ÃÇÑ´Ù:

http://www.w3.org/TR

ÀÌ URI´Â ´ÙÀ½°ú °°ÀÌ ÀÐÀ» ¼ö ÀÖ´Ù: HTTP protocol ([RFC2616] ÂüÁ¶)À» ÅëÇÏ¿© »ç¿ëÇÒ ¼ö ÀÖ´Â ¹®¼­°¡ ÀÖ°í, www.w3.org ±â°è¿¡ ÀÖÀ¸¸ç, "/TR" °æ·Î(path)¸¦ ÅëÇÏ¿© Á¢¼Ó ÇÒ ¼ö ÀÖ´Ù. HTML ¹®¼­µé¿¡¼­ º¼ ¼ö ÀÖ´Â ´Ù¸¥ ¹æ½ÄµéÀº ÀüÀÚ ¸ÞÀÏÀ» À§ÇÑ "mailto"¿Í FTP¸¦ À§ÇÑ "ftp" µîÀÌ ÀÖ´Ù.

¿©±â URIÀÇ ´Ù¸¥ ¿¹Á¦°¡ ÀÖ´Ù. ÀÌ´Â »ç¿ëÀÚÀÇ ¿ìÆÝÇÔ(mailbox)À» ÂüÁ¶ÇÑ´Ù:

... ÅؽºÆ®µé ...
¸ðµç ÄÚ¸àÆ®µéÀº, e-mailÀ» 
	<A href="mailto:joe@someplace.com">Joe Cool</A>¿¡°Ô º¸³» ÁֽʽÿÀ.

ÁÖ¼®. ´ëºÎºÐÀÇ µ¶ÀÚ´Â ¾Æ¸¶ "URI"º¸´Ù´Â "URL"À» ´õ ¸¹ÀÌ º¸¾ÒÀ» °ÍÀÌ´Ù. URLµéÀº ´õ ÀϹÝÀûÀÎ ÇϺΠURI ¼­ºê¼¼Æ®(subset)¸¦ Çü¼ºÇÑ´Ù.

2.1.2 ºÎÀ§ ÁöÁ¤ÀÚ(fragment identifier)

¾î¶² URI´Â ÇÑ ÀÚ¿ø ¾È¿¡¼­ÀÇ À§Ä¡¸¦ ÂüÁ¶ÇÑ´Ù. ÀÌ °æ¿ì¿¡´Â URI µÚ¿¡ "#"¿Í ºÎÀ§ ÁöÁ¤ÀÚ(fragment identifier)¸¦ Ãß°¡ÇÑ´Ù.

ÁöÁ¤ÀÚ À̸§ section_2¸¦ ÁöÁ¤ÇÏ´Â URIÀÇ ¿¹:
http://somesite.com/html/top.html#section_2

2.1.3 »ó´ë(relative) URI

»ó´ë URI¿¡´Â À§Ä¡ Á¤º¸ ¾ç½ÄÀ» Æ÷ÇÔÇÏÁö ¾Ê´Â´Ù. ±× °æ·Î´Â ÇöÀç ¹®¼­°¡ Àִ±â°è¿¡¼­ ÇöÀç À§Ä¡¿¡ ÀÖ´Â ¹®¼­¸¦ ÂüÁ¶ÇÑ´Ù. »ó´ë URI´Â »ó´ëÀûÀÎ °æ·Î(path) Á¤º¸¸¦ °¡Áú ¼ö ÀÖ´Ù.

¿¹¸¦ µé¾î ".."´Â ÇÑ ´Ü°è »óÀ§ Ȧ´õ¸¦ ÀǹÌÇϸç, ºÎÀ§ ÁöÁ¤ÀÚµµ °¡Áú ¼ö ÀÖ´Ù.

»ó´ë URIÀº ±âÁØ URIÀ» ÀÌ¿ëÇÏ¿© ¿ÏÀüÇÑ URI¸¦ »êÁ¤ÇÑ´Ù.
±âÁØ URI¸¦ "http://www.acme.com/support/intro.html"ÀÌ¶ó °¡Á¤ÇÏ°í,

  <A href="suppliers.html">Suppliers</A>

ÀÌ »ó´ë URI ·Î ¿¬°áÇϸé, ¿ÏÀüÇÑ URI´Â "http://www.acme.com/support/suppliers.html"ÀÌ µÇ°í,

  <IMG src="../icons/logo.gif" alt="logo">

ÀÌ À̹ÌÁöÀÇ »ó´ë URIÀÇ ¿ÏÀüÇÑ URIÀº "http://www.acme.com/icons/logo.gif"ÀÌ´Ù.

HTML¿¡¼­ URI´Â ´ÙÀ½°ú °°ÀÌ »ç¿ëµÈ´Ù.

Ãß°¡ Á¤º¸´Â URI¸¦ ÂüÁ¶Ç϶ó.

2.2 HTML À̶õ ?

Àü ¼¼°è¿¡¼­ º¼ ¼ö ÀÖ´Â Á¤º¸¸¦ ÀÛ¼ºÇϱâ À§ÇÏ¿©, ¼¼°è¿¡¼­ ÀϹÝÀûÀ¸·Î ÀÌÇØ µÉ ¼ö ÀÖÀ¸¸ç, ¸ðµç ÄÄÇ»ÅÍ°¡ ¾Ë ¼ö ÀÖ´Â À¥ ¹®¼­ ÀÛ¼º¿¡ ¸ð±¹¾î °°Àº ¾ð¾î°¡ ÇÊ¿äÇÏ´Ù. ¿ùµå¿ÍÀ̵åÀ¥(World Wide Web)¿¡¼­ »ç¿ëÇÏ´Â À¥ ÀÛ¼º ¾ð¾î°¡ ÀÌ HTML(HyperText Markup Language)ÀÎ °ÍÀÌ´Ù.

HTML´Â À¥ ¹®¼­ Á¦ÀÛÀÚ¿¡°Ô ´ÙÀ½°ú °°Àº ¼ö´ÜÀ» Á¦°øÇÑ´Ù.

2.2.1 HTMLÀÇ °³·«ÀûÀÎ ¿ª»ç

HTMLÀº ÃÖÃÊ¿¡ Tim Berners-Lee°¡ CERN¿¡ ÀÖÀ¸¸é¼­ °³¹ß Çß°í, NCSA¿¡¼­ °³¹ß ÇÑ Mosaic ºê¶ó¿ìÀú¿¡ ÀÇÇÏ¿© º¸ÆíÈ­µÇ¾ú´Ù. 1990³â´ë¿¡ À¥ÀÇ Æø¹ßÀûÀÎ º¸±Þ°ú ÇÔ²² ²ÉÀ» ÇÇ¿ì°ÔµÇ¾ú´Ù. ÀÌ ±â°£ µ¿¾È HTMLÀº ¿©·¯°¡Áö ¹æÇâÀ¸·Î È®ÀåµÇ¾ú´Ù. À¥ ¹®¼­ Á¦ÀÛÀÚ ¿Í ÇÁ·Î±×·¥ °ø±ÞÀÚµéÀÌ °°Àº HTMLÀ» »ç¿ëÇÏ´Â °ÍÀÌ Áß¿äÇÏ°Ô µÇ°í, ÀÌ °ÍÀÌ HTML ±Ô°ÝÀ» À§ÇÑ °øµ¿ ÀÛ¾÷À» ÇÏ°Ô µÈ °è±â°¡ µÇ¾ú´Ù.

HTML 2.0(1995³â 11¿ù, [RFC1866] ÂüÁ¶)Àº IETF(Internet Engineering Task Force)¿¡ ÀÇÇÏ¿© 1994³â ÈĹÝÀÇ ÀϹÝÀûÀÎ °üÇàÀ» ÄÚµùÇÏ¿© °³¹ßµÇ¾ú´Ù. HTMLÇ÷¯½º(HTML+: 1993)¿Í HTML 3.0(1995, [HTML30] ÂüÁ¶)Àº HTMLÀÇ ±â´ÉÀ» »ó´çÈ÷ º¸¿ÏÇÏ¿© Á¦¾ÈµÇ¾ú´Ù. Ç¥ÁØÀ» À§ÇÑ Åä·ÐÀ¸·Î °ø°¨´ë¸¦ Çü¼ºÇÏÁö ¾Ê¾úÀ½¿¡µµ ºÒ±¸ÇÏ°í ÀÌ ÃʾÈÀº Æø ³ÐÀº »õ·ÎÀº ±â´ÉÀÇ Ã¤ÅÃÀ» À¯µµÇÏ¿´´Ù. ¿ùµå¿ÍÀ̵åÀ¥(World Wide Web Consortium)ÀÇ HTML ¿öÅ·±¸·ì(Working Group)ÀÇ ³ë·ÂÀ¸·Î 1996³â ÀϹÝÀûÀÎ °üÇàÀ» ÄÚµùÇÏ¿© HTML 3.2(1997³â 1¿ù, [HTML32] ÂüÁ¶)À» ¸¸µé¾ú´Ù. HTML 3.2·Î ºÎÅÍÀÇ º¯È­µéÀº ºÎ·Ï AÀ» ÂüÁ¶Ç϶ó.

´ëºÎºÐÀÇ »ç¶÷µéÀº HTML ¹®¼­´Â ¿©·¯ ´Ù¸¥ ºê¶ó¿ìÀú¿Í Ç÷¡Æ®Æû¿¡¼­ °øÅëÀûÀ¸·Î ¿øÈ°ÇÏ°Ô »ç¿ë µÉ ¼ö ÀÖ¾î¾ß ÇѴٴµ¥ ÀÇ°ßÀ» °°ÀÌÇÑ´Ù. Á¤º¸ Á¦°øÀÚ(content provider)µéÀº ÇÑ °¡Áö ¹öÀüÀ¸·Î ¹®¼­¸¦ ÀÛ¼º ÇÔÀ¸·Î¼­ ¿ø°¡ Àý°¨À» ÇÒ ¼ö ÀÖ´Ù. ÀÌ¿Í °°Àº ³ë·ÂÀÌ ¾ø¾ú´Ù¸é, ¼­·Î ÅëÇÏÁö ¾Ê´Â ¾ç½ÄÀ» »ç¿ë ÇÔÀ¸·Î¼­, À¥Àº ¼¼°èÀûÀ¸·Î È®»êÇϴµ¥ ¹®Á¦¸¦ ¾ß±â ½ÃÅ°°í, Âü¿©ÀÚ ¸ðµÎ¿¡°Ô »ó¾÷Àû È¿¿ë¼º¸¦ Å©°Ô °¨¼Ò ½ÃÄ×À» °ÍÀÌ´Ù.

°¢ HTMLÀÇ ¹öÀüÀº Á¤º¸ Á¦°øÀÚ(content provider)µéÀÌ ÅõÀÚ ÇØ ¸¸µç ¹®¼­°¡ ³¶ºñµÇ°Å³ª ¾È ÀÐÈ÷Áö ¾Êµµ·Ï, °ü°èµÇ´Â »ç¶÷µéÀÇ °øÅëÀûÀÎ ¸¹Àº ÀÇ°ßÀ» ¹Ý¿µÇϵµ·Ï ³ë·ÂÇÏ¿´´Ù.

±×·¡ÇÈ È­¸é¿¡¼­ ¿©·¯ ÇØ»óµµ, »ö»ó¼ö¸¦»ç¿ëÇÏ´Â PC, ÇÚµåÆù, °¡Áö°í ´Ù´Ï´Â ÀåÄ¡, ¼Ò¸®ÀÇ ¹üÀ§(high/low bandwidth)µéÀ» Á¶Á¤ÇÏ´Â À½¼º ÀÔÃâ·Â ÀåÄ¡, µî, ¸ðµç Á¾·ùÀÇ ÀåÄ¡(device)°¡ À¥ »óÀÇ Á¤º¸¸¦ ÀÌ¿ë ÇÒ ¼ö ÀÖµµ·Ï HTML ¹öÀüÀ» ¹ßÀü ½ÃÄ×´Ù.

2.3 HTML 4

HTML 4´Â HTML¿¡ ´ÙÀ½°ú °°Àº ±â´ÉµéÀ» º¸¿ÏÇÏ¿´´Ù.
½ºÅ¸ÀϽ¬Æ®(style sheet), ½ºÅ©¸®ÇÁÆ®(script), ÇÁ·¹ÀÓ(frame), ±ò¸°(embed) ¿ÀºêÁ§Æ®, °³¼± µÈ ¿À¸¥ÂÊ¿¡¼­ ¿ÞÂÊÀ¸·ÎÀÇ ¹®ÀÚÀÇ ¹æÇâ°ú È¥ÇÕ ¹®ÀÚ ¹æÇâÀÇ Áö¿ø, °­È­ µÈ Ç¥(table), º¸¿Ï µÈ Æû(form), Àå¾ÖÀÚ¿¡°Ô ¿ëÀÌ ÇÑ ÀÌ¿ë ¹æ½ÄÁ¦°ø, µî

HTML 4.01Àº HTML 4.0ÀÇ °³Á¤ÆÇÀ̸ç ÀÌÀü ¹öÀü¿¡¼­ ºÎÅÍÀÇ º¯°æµé¿¡ ±â¼úµÇ¾î ÀÖ´Â ¹Ù¿Í °°ÀÌ ¿À·ùµéÀ» ¼öÁ¤ÇÏ¿´°í ÀϺδ ´Ù½Ã ¸¸µé¾ú´Ù.

2.3.1 ±¹Á¦È­

ÀÌ HTML ¹öÀüÀº ¹®¼­°¡ °¢ ¾ð¾î·Î ÀÛ¼º µÉ ¼ö ÀÖ°í Àü ¼¼°è¿¡¼­ ½±°Ô ÀÐÀ» ¼ö ÀÖµµ·Ï ±¹Á¦È­ ºÐ¾ßÀÇ ¹®°¡µéÀÇ µµ¿òÀ» ¹Þ¾Æ ¸¸µé¾î Á³´Ù. HTMLÀÇ ±¹Á¦È­ [RFC2070] ÂüÁ¶

ÇϳªÀÇ Áß¿äÇÑ Á¡Àº HTML ¹®¼­ÀÇ ¹®ÀÚ Ã¼°è·Î ISO/IEC:10646 Ç¥ÁØ [ISO10646] À» äÅÃÇÏ¿´´Ù´Â °ÍÀÌ´Ù. ÀÌ Ç¥ÁØÀº ´ëºÎºÐ ¼¼°èÀÇ ¹®ÀÚµéÀ» Æ÷ÇÔÇÏ°í ÀÖÀ¸¸ç, ±ÛÀÚ ¹æÇâ, ±¸µÔÁ¡°ú ´Ù¸¥ ¼¼°è ¾ð¾î ¹®Á¦µéÀ» ´Ù·ç°í ÀÖ´Ù.

ÇöÀç HTMLÀº ¹®¼­¿¡¼­ ´Ù¾ç ÇÑ Àΰ£ ¾ð¾îµéÀ» Áö¿øÇÏ°í ÀÖ´Ù. ÀÌ °ÍÀº ´õ È¿°úÀûÀÎ ¹®¼­ °Ë»ö ¿£Áø, °í±Þ Àμâ¼ú(typography), ¹®¼­¸¦ À½¼ºÀ¸·Î º¸´Ù ³ªÀº º¯È¯, °³¼± µÈ ´Ü¾î¸¦ ÇÏÀÌÇÂÀ¸·Î ¿¬°áÇϱâ(hyphenation) µîÀ¸·Î È¿°úÀûÀÎ ¹®¼­ÀÇ »öÀÎ(indexing)À» °¡´ÉÇÏ°Ô Çß´Ù.

2.3.2 Á¢¼Ó¼º(accessibility)

À¥ »çȸ°¡ ¹ßÀüÇÏ°í ±× ±¸¼º¿øµéÀÇ ´É·Â°ú ¼÷·Ãµµ°¡ ´Ù¾ç ÇØ Áü¿¡ µû¶ó, ±â¼úÀÌ ±×µéÀÇ µ¶Æ¯ ÇÑ ¸ñÀû¿¡ ºÎÇÕÇؾßÇÑ´Ù´Â °ÍÀÌ Áß¿äÇÏ°Ô µÇ¾ú´Ù. HTMLÀº ¹°¸®Àû Á¦ÇÑÀÌ ÀÖ´Â »ç¶÷µé¿¡°Ô ´õ Á¢¼ÓÇϱ⠽¬¿î À¥ ÆäÀÌÁö¸¦ ¸¸À» ¼ö ÀÖ°Ô ¹ßÀüµÇ¾ú´Ù. HTML 4´Â ´ÙÀ½°ú °°Àº Á¢¼Ó¼ºÀ» °®´Â´Ù.

Á¦ÀÛÀÚ°¡ Á¢¼Ó¼º ¹®Á¦¸¦ °í·ÁÇÏ¿© ¹®¼­¸¦ Á¦ÀÛÇϸé Á¢¼ÓÇÏ´Â ¹æ¹®Àڵ鿡°Ô ÁÁÀ» »Ó¾Æ´Ï¶ó ´Ù¸¥ ÀÕÁ¡µµ ¾òÀ» ¼ö ÀÖ´Ù. ¹®¼­ÀÇ ±¸Á¶¿Í Ç¥ÇöÀ» Àß ±¸ºÐÇÏ¿© ÀÛ¼º µÈ ¹®¼­´Â ½Å ±â¼úÀ» ½±°Ô Àû¿ë ÇÒ ¼ö ÀÖ´Ù.

ÁÖ¼®: Á¢¼Ó ¿ëÀÌÇÑ HTML ¹®¼­ ¼³°è¸¦ À§ ÇØ [WAIGUIDE]¸¦ ÂüÁ¶Ç϶ó.

2.3.3 ǥ(Table)

HTMLÀÇ »õ Ç¥(Table) ¸ðµ¨Àº [RFC1942]¿¡ ±âÃʸ¦ µÎ¾ú´Ù. Á¦ÀÛÀÚµéÀº ÀÌÁ¦ ±¸Á¶¿Í ¹èÄ¡(layout)¿¡ À־ Å« Á¦¾î ´É·ÂÀ» °¡Áö°Ô µÇ¾ú´Ù(¿¹: Ä÷³±¸·ì). ÀÌ´Â ¼³°èÀÚ°¡ Ä÷³(column) Æø(width)À» Á¦½ÃÇÔÀ¸·Î¼­ »ç¿ëµµ±¸´Â ¸ðµç µ¥ÀÌÅ͸¦ ´Ù ¹Þ¾Æµé¿© µð½ºÇ÷¹ÀÌ ÇÏ´Â ´ë½Å, ¹Þ´Â ´ë·Î µð½ºÇ÷¹ÀÌ ÇÒ ¼ö ÀÖ°ÔÇÏ¿´´Ù.

ÁÖ¼®: ÀϺΠHTML ÆíÁý±â¿¡¼­ ¹®¼­¸¦ ÀÛ¼º ÇÒ ¶§, Ç¥(table) ÇüÅÂÀÇ ¾ç½Ä¿¡ ³Ê¹« ÀÇÁ¸Çϸé, Á¢¼Ó ÇÒ ¶§ ½±°Ô ¹®Á¦¸¦ ÀÏÀ¸ ų ¼ö ÀÖ´Ù.

2.3.4 º¹ÇÕ ¹®¼­

ÇöÀçÀÇ HTMLÀº ¹®¼­¿¡ ¸Þµð¾Æ(media) ¿ÀºêÁ§Æ®(object)¿Í Àû¿ë(application)À» ±âº»À¸·Î ±ò¾Æ(embed) »ç¿ëÇϴ ǥÁØ ±â´ÉÀ» Á¦°øÇÑ´Ù. OBJECT ¿¤·¹¸àÆ®(´õ ±¸Ã¼ÀûÀÎ ¿øÃÊ ¿¤·¹¸àÆ®ÀÎ IMG¿Í APPLET¿Í ÇÔ²²)´Â ¹®¼­¾È¿¡ À̹ÌÁö, ºñµð¿À, »ç¿îµå, ¼öÇаè»ê, Ư¼ö ÀåÄ¡¿Í ´Ù¸¥ ¿ÀºêÁ§Æ®¸¦ Æ÷ÇÔ ½ÃÅ°´Â ±â´ÉÀ» Á¦°øÇÑ´Ù. ÀÌ´Â ¶ÇÇÑ Á¦ÀÛÀÚ°¡ ÁöÁ¤ µÈ Ç¥ÇöÀ» Áö¿øÇÏÁö ¾Ê´Â °æ¿ì, ´ëü Ç¥ÇöÀÇ °èÅëÀ» ÁöÁ¤ ÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù.

2.3.5 ½ºÅ¸ÀϽ¬Æ®(style sheet)

½ºÅ¸ÀϽ¬Æ®(style sheet)´Â HTML ÀÛ¼ºÀ» °£´ÜÈ÷ ÇÏ°í Ç¥ÇöÀÇ ½Åºù¼ºÀ» Å©°Ô Çâ»ó½ÃÄÑ ÁØ´Ù. ÀÌ´Â Á¦ÀÛÀÚ¿Í »ç¿ëÀÚ¿¡°Ô °øÈ÷ ÆùÆ®(font), Á¤·Ä(alignment), »ö»ó(color), µî ¹®¼­ÀÇ Ç¥ÇöÀ» Á¦¾î ÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù.

½ºÅ¸ÀÏ Á¤º¸´Â °³º° ¿¤·¹¸àÆ®³ª ¿¤·¹¸àÆ® ±¸·ìÀ» ±¸Ã¼ÀûÀ¸·Î Á¤ÀÇ ÇÒ ¼ö ÀÖ´Ù. ½ºÅ¸ÀÏ Á¤º¸´Â HTML ¹®¼­ ¾È¿¡¼­ ¶Ç´Â ¿ÜºÎ ½ºÅ¸ÀϽ¬Æ®¿¡¼­ Á¤ÀÇ ÇÒ ¼ö ÀÖ´Ù.

½ºÅ¸ÀϽ¬Æ®¿Í ¹®¼­ÀÇ ¿¬°ü ±â´ÉÀº ½ºÅ¸ÀϽ¬Æ® ¾ð¾î¿¡ ¿µÇâÀ» ¹ÞÁö ¾Ê´Â´Ù.

½ºÅ¸ÀϽ¬Æ®¸¦ Ãß°¡Çϱâ Àü¿¡´Â Á¦ÀÛÀÚ°¡ Ç¥ÇöÇϴµ¥ Á¦ÇÑÀ» ¹Þ¾ú¾ú´Ù. HTML 3.2¿¡ Æ÷ÇÔ µÈ ¿©·¯°³ÀÇ ¾ÖÆ®¸®ºäÆ®(attribute)¿Í ¿¤·¹¸àÆ®(element)·Î Á¤·Ä(alignment), ÆùÆ® Å©±â¿Í ±ÛÀÚ »ö»óÀ» Á¦¾î ÇÒ ¼ö ÀÖ¾ú´Ù. Á¦ÀÛÀڴ ǥ(table)¿Í À̹ÌÁö¸¦ ¹èÄ¡ ÇÔÀ¸·Î Ç¥Çö ÇÒ ¼ö ÀÖ¾ú´Ù. ºê¶ó¿ìÀú¸¦ ¾÷±×·¹À̵åÇÏ¸é ¶§·Î´Â ±â´ÉÀÇ ÀϺΰ¡ ´õ ÀÌ»ó »ç¿ëµÇÁö ¾Ê¾Æ¼­ »ç¿ëÀÚ°¡ ¹®¼­¸¦ ¾÷µ¥ÀÌÆ® Çϴµ¥´Â »ó´ç ÇÑ ½Ã°£ÀÌ °É·È´Ù. ±×·¯³ª ½ºÅ¸ÀϽ¬Æ®°¡ ´õ °­·Â ÇÑ Ç¥Çö ±â´ÉÀ» Á¦°ø ÇÑ ÈÄ, ¿ùµå¿ÍÀ̵åÀ¥(World Wide Web Consortium)Àº ¸¹Àº HTMLÀÇ Ç¥Çö ¿¤·¹¸àÆ®¿Í ¾ÖÆ®¸®ºäÆ®´Â ±Ã±¹ÀûÀ¸·Î »ç¿ëÇÏÁö ¾Ê°Ô µÉ °ÍÀÌ´Ù. ÀÌ ±Ô°Ý Àüü¸¦ Åë ÇØ À§Ç輺ÀÌ ÀÖ´Â ¿¤·¹¸àÆ®¿Í ¾ÖÆ®¸®ºäÆ®´Â "ºÒ·®"À¸·Î Ç¥½ÃÇÏ¿´°í, ´Ù¸¥ ¿¤·¹¸àÆ®³ª ½ºÅ¸ÀϽ¬Æ®·Î °°Àº È¿°ú³»´Â ¹æ¹ýÀÇ ¿¹Á¦¸¦ º´±âÇÏ¿´´Ù.

2.3.6 ½ºÅ©¸³Æ®(Scripting)

Á¦ÀÛÀÚ´Â ½ºÅ©¸³Æ®(script)¸¦ »ç¿ëÇÏ¿©, ¿¹¸¦ µé¾î, »ç¿ëÀÚ°¡ ³»¿ëÀ» ¸í±âÇÏ¸é µû¶ó ¹ÝÀÀÇÏ´Â "smart forms"À» ¸¸µå´Â µî ´ÙÀ̳ª¹Í À¥ ÆäÀÌÁö(dynamic Web page)¸¦ Á¦ÀÛÇÏ°í, HTMLÀ» ³×Æ®¿ö±×(network)¿¡¼­ ÀÛ¿ë(application)ÇÏ°Ô ÇÒ ¼ö ÀÖ´Ù.

HTML ¹®¼­¿¡ ½ºÅ©¸³Æ®¸¦ Æ÷ÇÔ½ÃÅ°´Â ±â´ÉÀº ½ºÅ©¸³Æ® ¾ð¾îÀÇ ¿µÇâÀ» ¹ÞÁö ¾Ê´Â´Ù.

2.3.7 Àμâ

¶§·Î´Â Á¦ÀÛÀÚ´Â »ç¿ëÀÚ°¡ ÇöÀç ¹®¼­ »Ó ¾Æ´Ï¶ó ´Ù¸¥ ¹®¼­µéµµ ½±°Ô ÀμâÇÏ°Ô Çϱ⸦ ¿ø ÇÒ °ÍÀÌ´Ù. ¹®¼­ ¾ç½ÄÀÌ Å« ÀÛ¾÷ÀÇ ÀϺΠÀÏ °æ¿ì, ±×µé »çÀÌÀÇ °ü°è¸¦ HTMLÀÇ LINK ¿¤·¹¸àÆ®¸¦ »ç¿ëÇÏ¿©, ¶Ç´Â W3CÀÇÀÚ¿ø ¼³Á¤ ¾ð¾î(Resource Description Language: [RDF] ÂüÁ¶)¸¦ »ç¿ëÇÏ¿© ¼³Á¤ ÇÒ ¼ö ÀÖ´Ù.

2.4 HTML 4·Î ¹®¼­ ÀÛ¼º

Á¦ÀÛÀÚ¿Í Àû¿ëÀÚµéÀº HTML 4·Î ÀÛ¾÷Çϴµ¥ ´ÙÀ½ ÀÏ¹Ý ¿øÄ¢À» µû¸¦ °ÍÀ» ÃßõÇÑ´Ù.

2.4.1 ±¸Á¶¿Í Ç¥ÇöÀÇ ºÐ¸®

HTMLÀº ±× »Ñ¸®¸¦ SGML¿¡ µÎ°í Àִµ¥ ÀÌ´Â ±¸Á¶Àû Ç¥ÇöÀ» ÁöÁ¤ÇÏ´Â ¾ð¾îÀ̾ú´Ù. HTMLÀÌ ¼º¼÷ µÊ¿¡ µû¶ó, Ç¥Çö ¿¤·¹¸àÆ®(element)µé°ú ¾ÖÆ®¸®ºäÆ®(attribute)µéÀº Á¡Á¡ ½ºÅ¸ÀϽ¬Æ®(style sheet)·Î ´ëüµÇ¾î ¿Ô´Ù. ¹®¼­ÀÇ ±¸Á¶¿Í Ç¥Çö ¿¤·¹¸àÆ®µéÀÇ ºÐ¸®·Î ³ÐÀº ¹üÀ§ÀÇ Ç÷¡Æ®Æû(platform), ¸Þµð¾Æ(media) µî¿¡¼­ ¹®¼­ÀÇ Àû¿ë°ú ¼öÁ¤¿¡¼­ ¿ø°¡ Àý°¨À̵ȴٴ °ÍÀ» °æÇè ÇØ ¿Ô´Ù.

2.4.2 ¹ü¿ë À¥ Á¢¼Ó¼ºÀÇ °í·Á

Á¦ÀÛÀÚ´Â ¸ðµç »ç¶÷, ƯÈ÷ Àå¾ÖÀÚ¿¡°Ô À¥¿¡ ´õ Á¢¼ÓÇϱ⠽±°Ô Çϱâ À§ÇÏ¿©, ¾î¶»°Ô ¹®¼­µéÀ» Æø ³ÐÀº Ç÷¡Æ®Æû(platform)¿¡¼­ ÀÛ¿ë ÇÒ ¼ö ÀÖ°Ô Çϰڴ°¡, À½¼º¿¡ ÀÇÇØ ÀÛ¿ëÇÏ´Â ºê¶ó¿ìÀú, Á¡ÀÚ ¸®´õ, µîÀ» °í·ÁÇÏ¿©¾ß ÇÑ´Ù. Á¦ÀÛÀÚÀÇ Ã¢Á¶¼ºÀ» Á¦ÇÑÇÏÀÚ´Â °ÍÀÌ ¾Æ´Ï¶ó, ´ÜÁö ´Ù¸¥ Ç¥Çö ¹æ½ÄÀ» °í·ÁÇ϶ó´Â °ÍÀÌ´Ù. HTML´Â ÀÌ ¸ñÀûÀ» À§ÇÏ¿© alt, accesskey ¾ÖÆ®¸®ºäÆ® µî ¿©·¯°¡Áö ±â´ÉÀ» Á¦°øÇÏ°í ÀÖ´Ù.

Á¦ÀÛÀÚ´Â ¶Ç ÄÄÇ»ÅÍ ±¸¼ºÀÌ ´Ù¸¥ ¸Ö¸® ¶³¾îÁ® Àִ ûÁß¿¡ µµ´Þ ÇÒ ¼ö ÀÖ´Ù´Â Á¡À» °í·ÁÇÏ¿©¾ß ÇÑ´Ù. ¹®¼­°¡ ¹Ù¸£°Ô Ç¥ÇöµÇ±â À§ÇØ Á¦ÀÛÀÚ´Â ÀÚ¿¬ ¾ð¾î¿Í ¹®ÀåÀÇ ¹æÇâ, ¾î¶»°Ô ¹®¼­°¡ ¿£ÄÚµù(encode)µÇ¾ú´Â°¡µî ±¹Á¦È­ °ü·Ã »çÇ× µîÀ» ¹®¼­ Á¤º¸¿¡ Æ÷ÇÔ ½ÃÄѾßÇÑ´Ù.

2.4.3 Á¡ÁøÀû Ç¥ÇöÀ¸·Î »ç¿ëµµ±¸ µ½±â

Á¦ÀÛÀڴ ǥ(table)¸¦ Á¶½É½º·´°Ô ÀÛ¼ºÇÏ°í HTML 4ÀÇ »õ·Î¿î ±â´ÉÀ» »ç¿ëÇÏ¿©, »ç¿ëµµ±¸°¡ ´õ »¡¸® ¹®¼­¸¦ º¼ ¼ö ÀÖ°Ô µµ¿Í ÁÙ ¼ö ÀÖ´Ù. Á¦ÀÛÀÚ´Â ±â´ÉÀ» Çâ»ó½ÃÅ°±â À§ ÇÑ Ç¥(TABLE ¿¤·¹¸àÆ® ÂüÁ¶) ÀÛ¼º ¹æ¹ýÀ» ¹è¿ï ¼ö ÀÖ´Ù. Àû¿ëÀÚ´Â Á¡ÁøÀû Ç¥ÇöÀ» À§ÇÑ ºÎ·Ï¿¡ Àִ ǥ¿¡ ´ëÇÑ ÁÖ¼®À» Âü°íÇ϶ó.

ÀÌ Trio ȨÆäÀÌÁö ¹®¼­(http://trio.co.kr/webrefer/html/intro/intro.html)´Â ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ.