2020³â 1Çбâ HTMLÀ¥ÇÁ·Î±×·¡¹Ö Áß°£½ÃÇè°úÁ¦¹° °øÅë(HTML ű×(¿ä¼Ò)) |
---|
* º» ÀÚ·á´Â ³ë¿ìÁ¸¿¡¼ ½Ç½Ã°£À¸·Î Á¦°øÇÏ°í ÀÖ½À´Ï´Ù.
¢ºÀÚ·á¸ñÂ÷ ¹× ÁÖÁ¦
±³°ú¸ñÀÇ °ÀÇ(1~6°)¿¡¼ ´Ù·ç¾îÁö´Â ¸ðµç HTML ű×(¿ä¼Ò)¸¦ ã¾Æ¼ ´ÙÀ½ Á¶°ÇÀ» ¹Ýµå½Ã ¸¸Á·Çϵµ·Ï Á¤¸®ÇϽÿÀ.
1. ű״ °ÀǺ°·Î ¾ËÆĺª¼øÀ¸·Î Á¤·ÄÇÑ ÈÄ °¢°¢ ¹øÈ£¸¦ ¸Å°Ü¼ Á¤¸®ÇÑ´Ù. (¿¹¸¦ µé¾î, 1°ÀÇ °æ¿ì 1-1, 1-2, 1-3, ¡¦ÀÇ ¹øÈ£¸¦ ºÙÀδÙ.) 2. °¢ ű׿¡ ´ëÇؼ Á¤¸®ÇÒ ³»¿ëÀº ű×ÀÇ ±â´É, ÁÖ¿ä ¼Ó¼º, ±×¸®°í °£´ÜÇÑ È°¿ë ¿¹½Ã¸¦ ¹Ýµå½Ã Æ÷ÇÔÇØ¾ß ÇÑ´Ù. ¡Ø ¼Ó¼ºÀÌ ¾ø´Â ű×ÀÇ °æ¿ì¿¡´Â ¼Ó¼º ¼³¸íÀÌ »ý·«µÈ´Ù. ¡Ø È°¿ë ¿¹½Ã¿¡´Â ÇØ´ç ÅÂ±×¿Í ÁÖ¿ä ¼Ó¼ºµéÀÇ »ç¿ë ¹æ¹ýÀ» °£´ÜÇÑ ¼³¸íÇÏ´Â ¼öÁØÀÇ ¿¹½Ã¸¦ Æ÷ÇÔÇÑ´Ù. (¿¹¸¦ µé¾î <a> ű×ÀÇ href ¼Ó¼ºÀÇ °æ¿ì: <a href=¡°http://www.knou.ac.kr¡±>¹æ¼Û´ë</a>) ¡Ø ű×ÀÇ ¼Ó¼º ¼³¸í¿¡´Â ±âº»ÀûÀ¸·Î Àü¿ª ¼Ó¼ºÀº Æ÷ÇÔÇÏÁö ¾Ê´Â´Ù. ¢ºÀÚ·á³»¿ë ¹Ì¸®º¸±â
<1Àå>
¡Ü 1-1 <base> ¢º ±â´É: À¥ ¹®¼ÀÇ ±âº»Àû ÁÖ¼Ò¿Í ³ªÅ¸³¾ âÀ» Ç¥½Ã ◯ ÁÖ¿ä ¼Ó¼º: <href>, <target> ¡à È°¿ë ¿¹½Ã: <base href=¡°http://www.naver.com¡±> <a ref=¡±index.html¡±> ¡Ü 1-2 <body> ¢º ±â´É: À¥ ¹®¼ÀÇ ¿ÜºÎ Ç¥Çö ºÎºÐ¿¡ ÇØ´ç ◯ ÁÖ¿ä ¼Ó¼º: ¡à È°¿ë ¿¹½Ã: <body> º»¹®¿¡ Ç¥½ÃµÉ ³»¿ëÀ̳ª css µî </body> ¡Ü 1-3 <head> ¢º ±â´É: À¥ ¹®¿¡ Ç¥½ÃµÇÁö´Â ¾ÊÁö¸¸, À¥ ¹®¼ÀÇ Á¦ÀÛ°ú ÀúÀÛ¿¡ °üÇÑ Á¤º¸¸¦ ´ã´Â °÷ ◯ ÁÖ¿ä ¼Ó¼º: <title>, <style>, <link>, <script>, <meta>, <base> ¡à È°¿ë ¿¹½Ã: <head> <title> À¥ ¹®¼ ¿¹Á¦ ÆäÀÌÁöÀÔ´Ï´Ù </title></head> ¡Ü 1-4 <link> ¢º ±â´É: À¥ ¹®¼¿¡¼ css stylesheetÀÇ ³»¿ëÀ» Ç¥ÇöÇÏ°íÀÚ ÇÒ °æ¿ì ◯ ÁÖ¿ä ¼Ó¼º: ¡à È°¿ë ¿¹½Ã: <link rel="stylesheet" href="¿¹Á¦1.css"> ¡Ü 1-5 <meta> ¢º ±â´É: À¥ ÆäÀÌÁöÀÇ ÀÚÀÛÀÚ, Å°¿öµå, °£´ÜÇÑ ¼³¸í, ÀÎÄÚµù ¹æ½ÄµîÀ» ¼³¸í ◯ ÁÖ¿ä ¼Ó¼º: description, keyword, author ¡à È°¿ë ¿¹½Ã: <meta name=¡°keyword¡± content=¡°exam1¡±> ¡Ü 1-6 <title> ¢º ±â´É: À¥ ÆäÀÌÁö »ó´ÜÀÇ Á¦¸ñ¿¡ ÇØ´çÇÏ´Â °ÍÀ» ³ªÅ¸³»´Â ºÎºÐ ◯ ÁÖ¿ä ¼Ó¼º: ¡à È°¿ë ¿¹½Ã: <title>¿¹Á¦1</title> - Áß·« - |
¢º±³È¯ ¹× ȯºÒ ±ÔÁ¤
ÀÚ·á´Â °áÁ¦ ¿Ï·á ÈÄ ¸¶ÀÌÆäÀÌÁö¿¡¼ ÆÄÀÏ·Î ´Ù¿î·Îµå ¹ÞÀ¸½Ç ¼ö ÀÖ½À´Ï´Ù.
ÀڷḦ ´Ù¿î·Îµå ¹ÞÁö ¾ÊÀº °æ¿ì ȯºÒÀÌ °¡´ÉÇϸç, ´Ù¿î·Îµå ÈÄ¿¡´Â ȯºÒÀÌ ºÒ°¡ÇÕ´Ï´Ù. (´Ü, ÀÚ·áÀÇ ³»¿ë¿¡ ¿À·ù°¡ Àְųª ¸ñÂ÷ÀÇ ³»¿ë°ú ´Ù¸¦ °æ¿ì ȯºÒÀÌ °¡´ÉÇÕ´Ï´Ù.) |