ÀüÀÚ»ó°Å·¡
½Ã½ºÅÛ ¿î¿µ ¹× °ü¸®
3.ÀüÀÚ»ó°Å·¡ ÄÁÅÙÃ÷
°³¹ß
1. À¥ ±â¼ú ¾ð¾î¥° - HTML
1) HTML(HyperText Markup Language)
·À¥
ÆäÀÌÁö¸¦ ¸¸µé±â À§ÇÑ ±âº» ¾ð¾îÀÌ´Ù.
·ASCII(ÇѱÛÀÇ °æ¿ì KS ¿Ï¼ºÇü) ÄÚµå·Î ÀÛ¼ºµÈ ÀÏ¹Ý ÅؽºÆ® Çü½ÄÀÇ ¹®¼·Î, ¸ðµç ½Ã½ºÅÛ È¯°æ¿¡¼ »ç¿ëÇÒ ¼ö ÀÖ´Â ÀϹÝ
ÅؽºÆ®ÀÌ´Ù. µû¶ó¼ ÅؽºÆ® Çü½ÄÀ» ÆíÁýÇÒ ¼ö ÀÖ´Â ´ëºÎºÐÀÇ ¿¡µðÅ͸¦ »ç¿ëÇØ ÀÛ¼ºÇÒ ¼ö ÀÖ´Ù.
·¹®¼
Áß°£¿¡ ¹®ÀÚ³ª ¹®ÀåÀÇ ÇüÅ¿¡ ´ëÇÑ ¸í·É Ç¥½Ä(TAG)À» µ¡ºÙÀÓÀ¸·Î½á ¹®¼ÀÇ Çü½ÄÀ» ±ÔÁ¤ÇÑ´Ù.
·ÇÏÀÌÆÛÅؽºÆ®(HyperText)¶õ ¿øÇÏ´Â ºÎºÐÀ» ¸¶¿ì½º·Î Ŭ¸¯ÇÏ¸é ±× °÷À¸·Î ¹Ù·Î À̵¿ÇÏ¿© »ç¿ëÀÚ°¡ °ü½É ÀÖ´Â ¿µ¿ª¸¸À» ã¾Æ º¼ ¼ö ÀÖ´Â
±¸Á¶·Î Â¥ÀÎ ¹®ÀåÀÌ´Ù.
·¸¶Å©¾÷
¾ð¾î(Markup Language)ÀÌ´Ù. ¸¶Å© ¾÷ ¾ð¾î¶õ ¹®ÀÚ¿ÀÇ ¾ÕµÚ¿¡ ÀÏÁ¾ÀÇ Å±×(Tag)¸¦ ºÙ¿© ±× ¹®ÀÚ¿ÀÇ
Ư¼ºÀ» ³ªÅ¸³»ÁÖ´Â ¾ð¾îÀÌ´Ù.
¨ç HTML ¹®¼ÀÇ ±âº» Çü½Ä
¡ß HTML ¹®¼ÀÇ ±¸Á¶
·Çìµå(Head) ºÎºÐ : HTML ¹®¼¿¡ ´ëÇÑ Á¤º¸¸¦ °¡Áö°í ÀÖ´Â ºÎºÐÀÌ´Ù.
·¹Ùµð(Body) ºÎºÐ : ½ÇÁ¦·Î ȸ鿡 º¸¿©Áö´Â ºÎºÐÀÌ´Ù.
·ÆÄÀÏÀÇ
½ÃÀÛ°ú ³¡ ºÎºÐ¿¡ HTML ¹®¼ÀÓÀ» ¾Ë·ÁÁִ ű׸¦ ³Ö¾îÁÖ¾î¾ß ÇÑ´Ù.
[°á°ú]
¨è HTML ÅÂ±× ¼Ò°³
ű״ HTML ¹®¼¸¦ ÀÛ¼ºÇϱâ À§ÇÑ ÀÏÁ¾ÀÇ ¾à¼ÓÀ¸·Î ºê¶ó¿ìÀú¿¡´Â ³ªÅ¸³ªÁö ¾Ê°í ȸ鿡 º¸¿©ÁÖ´Â Çü½ÄÀ» ÁöÁ¤ÇÏ´Â ¿ªÇÒÀ» ÇÑ´Ù.
¡ß
Ư¡
·Å±״Â
´ë·¼Ò¹®ÀÚ ±¸ºÐÀÌ ¾ø´Ù.
·HTML ¹öÀüÀÌ ¿Ã¶ó°¥¼ö·Ï ű×ÀÇ ¼öµµ Áõ°¡ÇÑ´Ù.
·½ÃÀÛ°ú
³¡À» ³ªÅ¸³»´Â <¸í·É¾î> ... </¸í·É¾î> ÇüÅ·Πº¸Åë ½ÖÀ» ÀÌ·é´Ù.
·³¡³ª´Â
ÅÂ±× ¾Õ¿¡´Â '/' ºÎÈ£¸¦ ºÙ¿©ÁÖ¾î¾ß ÇÑ´Ù.
·°æ¿ì¿¡
µû¶ó ½ÃÀÛ ÅÂ±× Çϳª¸¸ ´Üµ¶À¸·Î ¾²ÀÌ´Â °ÍÀÌ ÀÖ´Ù.
¡ß
±Û¾¾Ã¼¿¡ °ü·ÃµÈ ű×
HTML ¹®¼ÀÇ ±Û¾¾Ã¼¿¡ °ü·ÃµÈ ű×ÀÌ´Ù. ±Û²Ã, ±ÛÀÚÀÇ Å©±â, ±ÛÀÚ ¼Ó¼º, ±ÛÀÚ »ö µîÀ» Á¶ÀýÇÒ ¼ö ÀÖ´Ù.
¡ß
Ç¥¿¡ °ü·ÃµÈ ű×
µ¥ÀÌÅ͸¦
Á¤¸®ÇÒ ¶§ °¡Àå À¯¿ëÇÏ°Ô »ç¿ëµÇ´Â Ç¥¿¡ °üÇÑ Å±׷Î, Ç¥¸¦ ¸¸µé°í Á¦¸ñÀ» ´Þ ¼ö ÀÖÀ¸¸ç ÅÂ±× ¾ÈÀÇ ¿©·¯ ¿É¼ÇÀ» Á¶Á¤ÇÏ¿©
Ç¥ÀÇ »öÀ̳ª ¼±ÀÇ ¼½ÄÀ» ÁöÁ¤ÇÒ ¼ö ÀÖ´Ù.
¡ß
¸®½ºÆ®¿¡ °ü·ÃµÈ ű×
¸ñ·ÏÀ»
Á¤¸®ÇÒ ¶§ »ç¿ëµÇ´Â ű׷Î, ¼ø¼°¡ ÀÖ´Â ¸ñ·Ï°ú ¼ø¼°¡ ¾ø´Â ¸ñ·Ï µîÀ¸·Î ¼±ÅÃÇÏ¿© Àû¿ëÇÒ ¼ö ÀÖ´Ù.
¡ß
¸µÅ©, À̵¿¿¡ °ü·ÃµÈ ű×
ÇÏÀÌÆÛÅؽºÆ®
¹®¼ÀÇ °¡Àå Áß¿äÇÑ ¿ä¼ÒÀÎ ÇÏÀÌÆÛ¸µÅ©¸¦ ¿¬°áÇØ Áִ ű׷ΠHTML ¹®¼¸¦ °·ÂÇÏ°Ô ¸¸µé¾îÁØ Å±×ÀÌ´Ù.
¡ß
¹®´Ü¿¡ °üÇÑ Å±×
¹®´Ü
ÀÛ¼º¿¡ »ç¿ëµÇ´Â ű׷Î, µé¿© ¾²±â¸¦ Çϰųª Àο뱸¸¦ ³ªÅ¸³¾ ¼öµµ ÀÖ´Ù. °ø¹éÀ» ÀÎÁ¤ÇÏÁö ¾Ê´Â HTML ¹®¼¿¡¼
°ø¹é±îÁö ±×´ë·Î ³ªÅ¸³ª°Ô ÇÏ´Â <PRE>¡¦</PRE>¿Í °°Àº ű׵µ ÀÖ´Ù.
¡ß HTML Ʋ¿¡ ´ëÇÑ Å±×
HTML ¹®¼ÀÇ ±âº»À» ÀÌ·ç´Â ű׷Î, HTMLÀÇ Á¦¸ñ°ú º»¹® ºÎºÐÀ» ÁöÁ¤Çϰųª ȸéÀ» ¿©·¯ °³ÀÇ ÇÁ·¹ÀÓ(Frame)À¸·Î
³ª´ ¶§ »ç¿ëÇÑ´Ù.
¡ß
¿ÜºÎ ¾ð¾î ¶Ç´Â, ½ºÅ©¸³Æ®¿¡ ´ëÇÑ Å±×
ÀÚ¹Ù¿Í
°°ÀÌ ¿ÜºÎ ¾ð¾î³ª ½ºÅ©¸³Æ®¸¦ HTML ¹®¼ ¾È¿¡ »ðÀÔÇÒ ¶§ »ç¿ëÇϴ ű×ÀÌ´Ù.
¡ß
±× ¿ÜÀÇ Å±×
±×¸²À»
»ðÀÔÇϰųª ÁÖ¼®À» ¾µ ¶§ »ç¿ëµÇ´Â HTMLÀÇ Å±׵鿡 ´ëÇÑ ¼³¸íÀÌ´Ù.