HTMLÀº ¡®Hypertext Markup Language¡¯ÀÇ ¾àÀÚ·Î À¥ ¹®¼¸¦ ¸¸µé±â À§ÇÏ¿© »ç¿ëÇÏ´Â ÀÎÅÍ³Ý ¼ºñ½ºÀÇ ÇϳªÀÎ ¿ùµå ¿ÍÀ̵å À¥À» ÅëÇØ º¼ ¼ö ÀÖ´Â ¹®¼¸¦ ¸¸µé ¶§ »ç¿ëÇÏ´Â À¥ ¾ð¾îÀÇ ÇÑ Á¾·ù·Î ÇÏÀÌÆÛÅؽºÆ®¸¦ ÀÛ¼ºÇϱâ À§ÇØ °³¹ßµÇ¾ú´Ù°í ÇÕ´Ï´Ù. ƯÈ÷ ÇÏÀÌÆÛÅؽºÆ®¸¦ ÀÛ¼ºÇϱâ À§ÇØ °³¹ßµÇ¾úÀ¸¸ç, ÀÎÅͳݿ¡¼ À¥À» ÅëÇØ Á¢±ÙµÇ´Â ´ëºÎºÐÀÇ À¥ ÆäÀÌÁöµéÀº HTML·Î ÀÛ¼ºµË´Ï´Ù. Áï ¿ì¸®°¡ ¼ÒÀ§ ÀÎÅͳݿ¡ Á¢¼ÓÇÑ´Ù°í Çϸé HTMLÀ» »ç¿ëÇؼ À¥ ÆäÀÌÁö¸¦ º¸°Ô µË´Ï´Ù.
ÀÌó·³ HTMLÀÌ ¹®¼ÀÇ ±ÛÀÚÅ©±â, ±ÛÀÚ»ö, ±ÛÀÚ¸ð¾ç, ±×·¡ÇÈ, ¹®¼À̵¿(ÇÏÀÌÆÛ¸µÅ©) µîÀ» Á¤ÀÇÇÏ´Â ¸í·É¾î·Î¼ ȨÆäÀÌÁö¸¦ ÀÛ¼ºÇÏ´Â µ¥ ¾²ÀÌ´Â ¹Ý¸é CSS´Â 'cascading style sheets'ÀÇ ¾àÀÚ·Î À¥ ¹®¼ÀÇ Àü¹ÝÀûÀÎ ½ºÅ¸ÀÏÀ» ¹Ì¸® ÀúÀåÇØ µÐ ½ºÅ¸ÀϽÃÆ®ÀÔ´Ï´Ù. ±âÁ¸ÀÇ HTMLÀº À¥ ¹®¼¸¦ ´Ù¾çÇÏ°Ô ¼³°èÇÏ°í ¼ö½Ã·Î º¯°æÇϴµ¥ ¸¹Àº Á¦¾àÀÌ µû¸£´Âµ¥, À̸¦ º¸¿ÏÇϱâ À§ÇØ ¸¸µé¾îÁø °ÍÀÌ ½ºÅ¸ÀÏ ½ÃÆ®ÀÌ°í ½ºÅ¸ÀÏ ½ÃÆ®ÀÇ Ç¥ÁؾÈÀÌ ¹Ù·Î CSSÀÌ´Ù. °£´ÜÈ÷ ½ºÅ¸ÀÏ ½ÃÆ®¶ó°íµµ ÇÏÁÒ. HTMLÀ» ÀÌ¿ëÇؼ À¥ ÆäÀÌÁö¸¦ Á¦ÀÛÇÒ °æ¿ì Àü¹ÝÀûÀΠƲ¿¡¼ ¼¼¼¼ÇÑ ±Û²Ã ÇϳªÇϳª¸¦ ÀÏÀÏÀÌ ÁöÁ¤ÇØÁÖ¾î¾ß ÇÏÁö¸¸, À¥ ÆäÀÌÁöÀÇ ½ºÅ¸ÀÏ(ÀÛ¼ºÇü½Ä)À» ¹Ì¸® ÀúÀåÇØ µÎ¸é À¥ ÆäÀÌÁöÀÇ ÇÑ °¡Áö ¿ä¼Ò¸¸ º¯°æÇصµ °ü·ÃµÇ´Â Àüü ÆäÀÌÁöÀÇ ³»¿ëÀÌ ÇѲ¨¹ø¿¡ º¯°æµÇ¹Ç·Î, ¹®¼ ÀüüÀÇ ÀÏ°ü¼ºÀ» À¯ÁöÇÒ ¼ö ÀÖ°í ÀÛ¾÷ ½Ã°£µµ ´ÜÃàµË´Ï´Ù.
ÀÌ Ã¥Àº 2016³â 11¿ù ÇѺû ¾ÆÄ«µ¥¹Ì¿¡¼ Ãâ°£ÇÑ ¡®HTML & CSS for Beginner¡¯ÀÇ ÈÄ¼Ó ¹öÀüÀ¸·Î HTML/CSSÀÇ ±âÃÊ¿Í ¹ÝÀÀÇü À¥À» ¿¹Á¦ Áß½ÉÀ¸·Î Àç¹ÌÀÖ°Ô °øºÎÇÒ ¼ö ÀÖ´Â µ¶ÇÐ ¹× °ÀÇ ±³ÀçÀÔ´Ï´Ù. ´Ü°è º°·Î Á¦½ÃµÇ´Â ¿¹Á¦µéÀ» µû¶óÇϱ⠽ÄÀ¸·Î ½Ç½ÀÇÏ´Ù º¸¸é ÀÚ¿¬½º·´°Ô HTML/CSSÀÇ Áö½ÄÀ» ½ÀµæÇÏ°í ÃֽŠ¹ÝÀÀÇü À¥ ±â¼úÀ» ÀÍÈú ¼ö ÀÖµµ·Ï ±¸¼º µÇ¾î ÀÖ½À´Ï´Ù. ÀÌ Ã¥ÀÇ ³»¿ëÀº HTML, CSS, À¥ ÆäÀÌÁö Á¦ÀÛ, ¹ÝÀÀÇü À¥ÀÇ ³× °³ÀÇ ÆÄÆ®·Î ±¸¼ºµË´Ï´Ù.
HTML Æí¿¡¼´Â HTML ¹®¼ÀÇ ±âº» ±¸Á¶, À¥ÀÇ µ¿ÀÛ ¿ø¸®, HTML ÅÂ±× µî¿¡ ´ëÇØ ÇнÀÇÏ°í, CSS Æí¿¡¼´Â CSS¸¦ ÀÌ¿ëÇÏ¿© À¥ ÆäÀÌÁö¸¦ ¸ÚÁö°Ô ²Ù¹Ì´Â ¹æ¹ýÀ» ÀÍÈü´Ï´Ù. ±×¸®°í À¥ ÆäÀÌÁö Á¦ÀÛ ÆíÀ» ÅëÇØ ¾Õ¿¡¼ ¹è¿î HTML/CSS ±âÃʸ¦ ¹ÙÅÁÀ¸·Î ½ÇÁ¦ À¥ »çÀÌÆ®¸¦ Á¦ÀÛÇÏ´Â ¹æ¹ýÀ» ¹è¿ó´Ï´Ù. ¸¶Áö¸·À¸·Î ¹ÝÀÀÇü À¥ Æí¿¡¼´Â ÃֽŠ¹ÝÀÀÇü À¥ ±â¼úÀ» ÀÌ¿ëÇÏ¿© ½ÇÀü¿¡¼ È°¿ë °¡´ÉÇÑ ¹ÝÀÀÇü À¥ »çÀÌÆ®¸¦ Á¦ÀÛÇÏ´Â ±â¹ýÀ» ÀÍÈü´Ï´Ù.
ÀÌ Ã¥Àº HTML, CSS, À¥ µðÀÚÀÎ ±âÃʸ¦ ´Ù·ç°í, ¿¹Á¦¸¦ ¸¸µé¸é¼ ¹è¿öº¸´Â Ã¥ÀÔ´Ï´Ù. À¥ µðÀÚÀο¡ ´ëÇØ ¾Æ¹«°Íµµ ¸ô¶óµµ óÀ½ºÎÅÍ Â÷±ÙÂ÷±Ù ¹è¿ï ¼ö ÀÖµµ·Ï HTML°ú CSS ±âÃʸ¦ ¾Ë·ÁÁÖ¸ç ¹ÝÀÀÇü À¥, FLEXBOX, ±×¸®µå µî ÃֽŠ±â¼ú±îÁö ÀÍÈú ¼ö ÀÖµµ·Ï µµ¿ÍÁÝ´Ï´Ù. ³ª¾Æ°¡ µÞºÎºÐ¿¡¼´Â ¾Õ¿¡¼ ¹è¿î ³»¿ëÀ» ¹ÙÅÁÀ¸·Î Á÷Á¢ ÇϳªÀÇ À¥ »çÀÌÆ®¸¦ Á¦ÀÛÇØ º¾´Ï´Ù. Äڵ带 º¸°í, Á÷Á¢ ¼ÕÀ¸·Î ÀÔ·ÂÇÏ°í, ¸¸µé¸é¼ ¹è¿ì¹Ç·Î ½ÇÁ¦ À¥ »çÀÌÆ®¸¦ ¸¸µå´Â Á¦ÀÛ È帧À» üÇèÇØ º¼ ¼ö Àִ åÀÔ´Ï´Ù.
"º» ¼ÆòÀº ¸®¾ØÇÁ¸® Ä«Æ並 ÅëÇÏ¿© Ã¥À» Á¦°ø ¹Þ¾Æ ÀÚ·áµéÀ» Âü°íÇØ ÁÖ°üÀûÀ¸·Î ÀÛ¼ºÇÑ ±ÛÀÔ´Ï´Ù."