W3C HTML ¹è¿ì±â ¼­·Ð Trio ȨÆäÀÌÁö
Ãʺ¸ÀÚ°¡ ¾Æ´Ï¸é Á÷Á¢ À§ÂÊ ¸Þ´º·Î µé¾î°¡½Ê½Ã¿À.
±âÃÊ »çÇ×

ȨÆäÀÌÁö Á¦ÀÛ¿¡ ÀÖ¾î °¡Àå ±âº»ÀÌ µÇ´Â °ÍÀÌ HTMLÀÔ´Ï´Ù. ¿ä»çÀÌ ÁÁÀº ÅøµéÀÌ ¸¹À̳ª¿Í ÀÚµ¿ÀûÀ¸·Î ÀÛ¼º ÇÒ ¼ö ÀÖ°í, ÀÚµ¿ÀûÀ¸·Î ´Ù¸¥ ¹®¼­¸¦ HTML·Î º¯È¯µµ °¡´ÉÇÏ°Ô µÇ¾ú½À´Ï´Ù. ±×·¯³ª ¿øÇÏ´Â Á¤È®ÇÑ ¹æÇâÀ¸·Î ¼öÁ¤Çϰųª, Á» ¼öÁØÀÌ ¿Ã¶ó°¡¸é ¹Ýµå½Ã HTMLÀ» Á÷Á¢ ¼öÁ¤ÇÏ¿©¾ß ÇÕ´Ï´Ù. ¶ÇÇÑ ¼­¹ö¸¦ »ç¿ëÇÏ¿© µ¥ÀÌÅͺ£À̽º¿¡¼­ ÀڷḦ ÀÚµ¿À¸·Î ÀÔÃâ·ÂÇÏ·Á¸é HTMLÀ» ¸ð¸£°í¼­´Â ÇÒ ¼ö°¡ ¾ø½À´Ï´Ù.

ÀÛ¼ºÇÏ´Â ¼öÁØ¿¡ µû¶ó ÀÛ¼ºµÇ´Â ¼­·ùÀÇ »óÅ´ ´Ù¸£°ÚÁö¸¸, ±âº»ÀûÀ¸·Î HTMLÀº ´ë´ÜÈ÷ ½±½À´Ï´Ù. Âü°í¼­°¡ ¹«ÇÑÁ¤ ¸¹½À´Ï´Ù. ¹°·Ð ¹«·áÁö¿ä. ±âº»ÀûÀÎ ¹®Àå ¸¸ ÀÌÇØÇϸé, ´Ù¸¥ ȨÆäÀÌÁö¿¡¼­ Èï¹ÌÀÖ´Â ºÎºÐÀ» Àоî ÀÌÇØ Çغ¸°í, ³»°Í¿¡ È°¿ëÇÏ¸é µÇÁö¿ä.

±âº»À» ¹è¿ì´Â µ¥´Â ÀÏÁÖÀÏÀÌ¸é µÇ°í, ±â±³¸¦ ºÎ¸®·Á¸é Çѵµ ³¡µµ ¾øÁö¿ä.

°øºÎÇÏ´Â ¼ø¼­´Â

  • HTMLÀÇ ±âº» ¹®¹ýÀ» ÈÈ¾î º¸½Ê½Ã¿À. ´Ù ÀÌÇØ ÇÒ ÇÊ¿ä´Â ¾ø°í Àд ¹æ¹ýÀ» ¾Ë¸é µË´Ï´Ù.
  • ¿¹Á¦ ¹®Àåµé°ú ±× ÄÚµåµéÀ» ¿¬°ü½ÃÄѺ¸½Ê½Ã¿À. ÇÊ¿äÇÒ ¶§, ¹®¹ýÀ» Á¶È¸Çϸ鼭 ÇϽʽÿÀ.
  • ¾î´ÀÁ¤µµ µÇ¸é ½ºÅ¸ÀϽ¬Æ®(CSS)µµ ±âº» º¸´Â ¹æ¹ýÀ» ÀÐ°í °°Àº ¹æ½ÄÀ¸·Î ½Ç½ÀÇÕ´Ï´Ù.
  • ¾î´ÀÁ¤µµ µÇ¸é ÀÚ¹Ù½ºÅ©¸³Æ®(Javascript)µµ ±âº» º¸´Â ¹æ¹ýÀ» ÀÐ°í °°Àº ¹æ½ÄÀ¸·Î ½Ç½ÀÇÕ´Ï´Ù.
    Javascript ¿¹Á¦¸¦ ÂüÁ¶ÇϽʽÿÀ.
  • ±× ÈÄ ¼÷´ÞµÇ¸é CGI, ASP µîÀ¸·Î ´É·ÂÀ» È®ÀåÇϽʽÿÀ. ±×·¡ÇÈÀº ÀÌ È¨ÆäÀÌÁöÀÇ ¸ñÇ¥°¡ ¾Æ´Õ´Ï´Ù.

¾î·´°Ô ÀÛ¼ºÇÏ·Á°í ³ë·ÂÇÏÁö ¸¶½Ê½Ã¿À. ·Îµù ½Ã°£, ºê¶ó¿ìÀú°£ÀÇ Â÷ÀÌ¿¡ µû¸¥ ¿À·ù °¡´É¼º, Àú ¹öÀü ºê¶ó¿ìÀú°¡ ÀÐÁö ¸øÇÏ´Â ¹®Á¦µîÀ» ÇÇÇϱâ À§Çؼ­´Â °¡±ÞÀû ±âÃÊÀûÀÎ ¹®ÀåÀ¸·Î ȨÆäÀÌÁö¸¦ ¸¸µå´Â °ÍÀÌ ÁÁ½À´Ï´Ù.

Explorer¿Í Netscape °£ÀÇ Àû¿ë ±Ô°ÝÀÌ ´Þ¶ó ¹®Á¦Á¡ÀÌ ¾ß±âµÇ¹Ç·Î, Àü¹® ½ÎÀÌÆ®¸¦ Á¦¿ÜÇÏ°í´Â ÇÑ°¡Áö¿¡ ÁßÁ¡À» µÎ¾î ÀÛ¼ºÇÏ´Â °ÍÀÌ ÁÁ´Ù°í »ý°¢ ÇÕ´Ï´Ù.


°³¿ä

Àü ¼¼°è¸¦ ÅëÇØ, ´Ù¾çÇÑ ¾ð¾î·Î ¼ö¾ïÀÇ Àα¸°¡, ¹«ÇÑÇÑ Á¤º¸ÀÇ ¹Ù´Ù¿¡¼­ ÇÊ¿äÇÑ Á¤º¸¸¦ ¾ò°í, ¶Ç Á¤º¸¸¦ Á¦°øÇÏ°í ÀÖ´Â °ÍÀÌ Çö½ÇÀÌ´Ù. Ç×°ø±ÇÀ̳ª È£ÅÚ ¿¹¾à, ¹°Ç°ÀÇ ±¤°í ¼±Àü°ú ¹°Ç°ÀÇ ±¸ÀÔ, ÁÖ½Ä ÇöÀç°¡ÀÇ Á¶È¸¿Í ÁÖ¹®¿¡¼­ °áÀç ¼ö´ÜÀ¸·Î ¹ßÀüÇÏ°í ÀÖ´Ù, ¸î³â ¾È¿¡ °¢Á¾ ÁöºÒÀÌ ÀÎÅͳÝÀ» ÅëÇÏ¿© ÀÌ·ç¾î Áú °ÍÀ̶ó´Â °ÍÀº ´©±¸³ª ¿¹»óÇÏ°í ÀÖ´Ù.

¾ðÁ¦ºÎÅÍ ÀÎÅͳÝÀÌ ±×·¸°Ô Áß¿äÇÏ°Ô µÇ¾ú´Â°¡¸¦ »ý°¢ÇÏ¸é ³î¶óÁö ¾ÊÀ» ¼ö ¾ø´Ù. ºÒ°ú 10³â Àü ¸¸ Çصµ ¸î ¸î Ư¼öÇÑ »ç¶÷µé ÀÌ¿Ü¿¡´Â ¾Æ¹«µµ °ü½ÉÀ» °®Áö ¾Ê¾Ò¾ú´Ù. ¹ÝµµÃ¼ ±â¼ú°ú ÀüÀÚ ±â¼úÀÇ ¹ß´Þ·Î ÇöÀç ÀϹÝÀÌ °³ÀοëÀ¸·Î »ç¿ëÇÏ°í ÀÖ´Â PC´Â 20³âÀü ´ë±â¾÷¿¡¼­ »ç¿ëÇÏ´ø ¸ÞÀÎ ÇÁ·¹ÀÓ ÄÄÇ»ÅÍÀÇ ´É·ÂÀ» »óȸÇÏ°í ÀÖ´Ù. ±¤Åë½Å ±â¼ú·Î ÇÑ ¼ø°£¿¡ ¹é°ú»çÀü ÇѱÇÀÇ µ¥ÀÌÅÍ ºÐ·®¸¦ ¼Û½Å ÇÒ ¼ö ÀÖ´Ù.

±×·¯³ª ´õ¿í Áß¿äÇÑ °ÍÀº Àü ¼¼°è¸¦ ÅëÇÏ¿© °Å¹ÌÁÙ °°ÀÌ ±¸¼ºµÈ ÀÎÅÍ³Ý Åë½Å¸ÁÀÌ ¾î´À ´©±¸ÀÇ ¼ÒÀ¯°¡ ¾Æ´Ï°í, Âü¿©ÇÏ°í ÀÖ´Â ¸ðµç ±¸¼º¿øÀÌ ±× ³×Æ®¿öÅ©¸¦ ±¸¼ºÇÏ°í ÀÖ´Ù´Â °ÍÀÌ´Ù. ±âº»ÀûÀ¸·Î´Â ¿µ¾î¿¡¼­ Ãâ¹ßÇÏ¿´À¸³ª ¸ðµç Àΰ£ ¾ð¾î¸¦ Ç¥Çö ÇÒ ¼ö ÀÖÀ¸¸ç, Àå¾ÖÀÎÀ» À§ ÇÑ À½¼º, Á¡ÀÚµîÀÇ Ç¥Çöµµ °¡´ÉÇÏ°Ô µÇ¾ú´Ù. ¶Ç ±âº»ÀÌ µÇ´Â HTML ¹®¹ýÀÌ °£´ÜÇÏ°í ´Ù¸¥ ÄÄÇ»ÅÍ ¾ð¾îº¸´Ù ÀÍÈ÷±â ½±´Ù´Â Á¡µµ Àü¼¼°è¸¦ ÅëÇÑ È®»ê¿¡ ±â¿©ÇÏ¿´´Ù.

ÀÌÁ¦ »ó¾÷ÀûÀÎ Á߿伺ÀÌ ÃæºÐÈ÷ ºÎ°¢µÇ¾ú°í, ±×·¡¼­ ¸¹Àº ±â¼ú °³¹ß ÅõÀÚ¸¦ ÇÏ¿© ´õ¿í ºü¸¥ ¹ßÀü°ú º¸±ÞÀ» Áö¿ø ÇÒ °ÍÀÌ´Ù. ÁÖ¸Ó´Ï¿¡ ³Ö°í ´Ù´Ï¸é¼­ ¹«¼±À¸·Î ±¤¼Ó Åë½ÅÀ¸·Î Áö±¸ ¹Ý´ëÆíÀÇ µ¥ÀÌÅÍ º£À̽º¿¡ Á¢¼ÓÇÏ°í, ´ë±ÝÀ» ÁöºÒÇÏ°í, À½¼ºÀ¸·Î ¸í·ÉÀ» Áְųª ´ëÈ­¸¦ ÇÒ ¼ö ÀÖ°Ô µÉ ³¯ÀÌ ¸ÓÁö ¾Ê¾Ò´Ù.

±â¼úÀûÀÎ ¸é¿¡¼­ ¾ÕÀ¸·ÎÀÇ °úÁ¦µéÀº

  • Åë½Å ¼ÓµµÀÇ °³¼± - ÀüÈ­¼± ¼Óµµ·Î´Â ¾ÕÀ¸·ÎÈ­»ó Á¤º¸¸¦ Åë½ÅÇϱ⿡ ºÎÀûÇÕÇÏ¿©, CATV ¶óÀÎ, ±¤Åë½Å ¼±·Î, °íÁÖÆÄ ¹«¼± Åë½Å µîÀÌ À̸¦ °³¼± ÇÒ °ÍÀÌ´Ù.
  • »ç¿ëµµ±¸µéÀÇ Ç¥ÁØ ¾ð¾î Àû¿ë - Internet Explorer³ª Netscape Communicatorµî »ç¿ë µµ±¸°¡ WWWÀÇ HTML Á¦¾È ±Ô°ÝÀ» µû¸£±â ¾Ê°í ÀÚü ±â´ÉÀ» °í¼öÇÏ°í ÀÖ¾î ¿©·¯°¡Áö ºÒÆíÀÌ ¸¹À¸³ª, ´Ù¸¥ ºê¶ó¿ìÀúµéÀÌ µµÅð µÌµíÀÌ ½Î¿òÀÌ ³¡³ª°Å³ª °°ÀÌ »ç¿ë ÇÒ ¼ö ÀÖ°Ô µÉ ¼ö ÀÖÀ» °ÍÀÌ´Ù.
  • º¸¾È ¹®Á¦ - ÀüÀÚ »ó°Å·¡¸¦ Çϴµ¥ µû¸¥ ¾ÏÈ£ÀÇ º¸È£ »Ó ¾Æ´Ï¶ó ¼­¹öÀÇ ÇØÅ· ¹æÁö·Î ¾ÈÁ¤¼ºÀ» È®º¸ÇØ¾ß Çϴµ¥, ¼¼°è À¯¼ö ±â¾÷µéÀÌ °è¼Ó ÁÁÀº ¼ö´ÜÀ» Á¦°øÇÏ°í ÀÖ´Ù.
µîÀÌÁö¸¸ Å« ¹®Á¦´Â ¾øÀ» °ÍÀÌ´Ù.

6,70³â´ë Çѱ¹¿¡¼­ ¿µ¾î¸¦ ¾Ë¾Æ¾ß ³²º¸´Ù ³ªÀ» ¼ö ÀÖ¾ú´Âµ¥, ¾ÕÀ¸·Î´Â ÀÎÅͳÝÀ» ¸ð¸£¸é ¹«½ÄÇÑ »ç¶÷ÀÌ µÇ¾î »ýÈ°¿¡ ºÒÆíÀÌ À̸¸ Àú¸¸ÀÌ ¾Æ´Ò °ÍÀÌ´Ù. ¿©±â±îÁö ÀоúÀ¸¸é ±× ¸¸Å­ Çʿ伺À» ÀÌÇØÇÏ°í Èï¹Ì°¡ ÀÖ´Â °ÍÀ̹ǷΠ¹è¿ì´Âµ¥ ¹®Á¦°¡ ¾øÀ» °ÍÀÌ´Ù.


HTML ÆíÁý±â

¿ä»çÀÌ ÀϹÝÀûÀÎ ¹®¼­ ÆíÁý±âµéÀº HTML ¹®¼­·Î º¯È¯ÇÏ´Â ±â´ÉÀ» °®°í ÀÖ´Ù. Ãʺ¸ÀûÀÎ °æ¿ì¿¡´Â ÇѱÛ, Ms Word, Ms Excelµî ÆíÁý±â·Î ÀÏ¹Ý ºÐ¼­¸¦ º¯È­ÇÏ¸é µÇ´Âµ¥, ºÒÇÊ¿äÇÑ Å±׵éÀÌ ¸¹ÀÌ µé¾î°¡´Â °ÍÀÌ °áÁ¡ÀÌ´Ù. ¶Ç ÇÑ ½ºÅ¸ÀϽ¬Æ®, ÀÚ¹Ù½ºÅ©¸³Æ® »ç¿ëµî Á¦ÇÑ ¿ä¼Ò ¶§¹®¿¡ Á¤±³ÇÑ Ç¥ÇöÀº º°µµ·Î ÇÏ¿©¾ß ÇÑ´Ù.

Á¤±³ÇÑ Ç¥ÇöÀ» ÇÏ·Á¸é ³ª¸ð À¥¿¡µðÅ͵î Àü¹® ÇÁ·Î±×·¥À» »ç¿ëÇÏ¸é ¼Õ½±°Ô ÀÛ¼º ÇÒ ¼ö ÀÖ´Ù.

µ·µéÀÌÁö ¾Ê°í ¿¡µðÅ͸¦ ´Ù¿î·Îµå ¹Þ¾Æ¼­ »ç¿ëÇÏ·Á¸é ¿µ¹® Arachnophilia³ª ¿µ¹® HTML-Kit¸¦ ÃßõÇÑ´Ù.

ÀÌµé ¿¡µðÅ͵éÀº ÀÚµ¿ÀûÀ¸·Î ű׸¦ »ý¼ºÇÑ´Ù. µû¶ó¼­ »ý¼ºµÇ´Â Äڵ带 º¸¸é¼­ Ç¥ÇöµÇ´Â »óÅÂ¿Í ºñ±³ÇÏ¸ç °øºÎÇÏ¸é ½¬¿ï °ÍÀÌ´Ù.

°¢ ű׿¡ ´ëÇÑ Àü¹®ÀûÀÎ ³»¿ëÀº HTML 4.01 ±Ô°Ý ¹ø¿ª¹®À» ÂüÁ¶ÇϽʽÿÀ.


HTML¼­·Ð HTML±âº» ¹®ÀÚÇ¥Çö ¹®¼­Àå½Ä ¹®¼­¿¬°á ¹®¼­¸ñ·Ï Ç¥(TABLE) ÀÔ·ÂÀÛ¾÷ âƲ¥±â
ÀÌ Trio ȨÆäÀÌÁö ¹®¼­(http://trio.co.kr/webrefer/httut/htintro.html)´Â ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ.