{"id":227,"date":"2024-05-21T03:22:57","date_gmt":"2024-05-21T03:22:57","guid":{"rendered":"https:\/\/youngrihan.com\/?p=227"},"modified":"2024-05-20T12:23:23","modified_gmt":"2024-05-20T12:23:23","slug":"html-css%eb%a5%bc-%ed%99%9c%ec%9a%a9%ed%95%9c-%ec%9b%b9-%ed%8e%98%ec%9d%b4%ec%a7%80-%ec%a0%9c%ec%9e%91-%ec%95%8c%ec%95%84%eb%b3%b4%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/youngrihan.com\/html-css%eb%a5%bc-%ed%99%9c%ec%9a%a9%ed%95%9c-%ec%9b%b9-%ed%8e%98%ec%9d%b4%ec%a7%80-%ec%a0%9c%ec%9e%91-%ec%95%8c%ec%95%84%eb%b3%b4%ea%b8%b0\/","title":{"rendered":"HTML\/CSS\ub97c \ud65c\uc6a9\ud55c \uc6f9 \ud398\uc774\uc9c0 \uc81c\uc791 \uc54c\uc544\ubcf4\uae30"},"content":{"rendered":"<p>\ud604\ub300\uc758 \uc6f9 \uac1c\ubc1c\uc740 \ub2e4\uc591\ud55c \uae30\uc220\uc758 \uc9d1\ud569\uccb4\uc774\uba70, \uadf8 \uc911\uc2ec\uc5d0\ub294 HTML\uacfc CSS\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 HTML\uacfc CSS\ub97c \ud65c\uc6a9\ud558\uc5ec \uae30\ubcf8\uc801\uc778 \uc6f9 \ud398\uc774\uc9c0\ub97c \ub9cc\ub4dc\ub294 \ubc29\ubc95\uc744 \uc18c\uac1c\ud558\uace0\uc790 \ud569\ub2c8\ub2e4. \ucd08\ubcf4\uc790\ub3c4 \uc27d\uac8c \ub530\ub77c \ud560 \uc218 \uc788\ub3c4\ub85d \ub2e8\uacc4\ubcc4\ub85c \uc124\uba85\ud558\uaca0\uc73c\uba70, \uc2e4\uc81c\ub85c \uc801\uc6a9\ud574\ubcfc \uc218 \uc788\ub294 \uc2e4\uc6a9\uc801\uc778 \ud301\ub3c4 \uacf5\uc720\ud558\uaca0\uc2b5\ub2c8\ub2e4. \uc6f9 \uac1c\ubc1c\uc758 \uccab\uac78\uc74c\uc744 \ub5bc\uace0\uc790 \ud558\ub294 \ubd84\ub4e4\uc5d0\uac8c \uc774 \uae00\uc774 \ub3c4\uc6c0\uc774 \ub418\uae30\ub97c \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_68_1 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/youngrihan.com\/html-css%eb%a5%bc-%ed%99%9c%ec%9a%a9%ed%95%9c-%ec%9b%b9-%ed%8e%98%ec%9d%b4%ec%a7%80-%ec%a0%9c%ec%9e%91-%ec%95%8c%ec%95%84%eb%b3%b4%ea%b8%b0\/#CSS_%EA%B8%B0%EC%B4%88\" title=\"CSS \uae30\ucd08\">CSS \uae30\ucd08<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/youngrihan.com\/html-css%eb%a5%bc-%ed%99%9c%ec%9a%a9%ed%95%9c-%ec%9b%b9-%ed%8e%98%ec%9d%b4%ec%a7%80-%ec%a0%9c%ec%9e%91-%ec%95%8c%ec%95%84%eb%b3%b4%ea%b8%b0\/#%EB%B0%98%EC%9D%91%ED%98%95_%EC%9B%B9_%EB%94%94%EC%9E%90%EC%9D%B8\" title=\"\ubc18\uc751\ud615 \uc6f9 \ub514\uc790\uc778\">\ubc18\uc751\ud615 \uc6f9 \ub514\uc790\uc778<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/youngrihan.com\/html-css%eb%a5%bc-%ed%99%9c%ec%9a%a9%ed%95%9c-%ec%9b%b9-%ed%8e%98%ec%9d%b4%ec%a7%80-%ec%a0%9c%ec%9e%91-%ec%95%8c%ec%95%84%eb%b3%b4%ea%b8%b0\/#%EC%9B%B9_%EC%A0%91%EA%B7%BC%EC%84%B1\" title=\"\uc6f9 \uc811\uadfc\uc131\">\uc6f9 \uc811\uadfc\uc131<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/youngrihan.com\/html-css%eb%a5%bc-%ed%99%9c%ec%9a%a9%ed%95%9c-%ec%9b%b9-%ed%8e%98%ec%9d%b4%ec%a7%80-%ec%a0%9c%ec%9e%91-%ec%95%8c%ec%95%84%eb%b3%b4%ea%b8%b0\/#SEO_%EC%B5%9C%EC%A0%81%ED%99%94\" title=\"SEO \ucd5c\uc801\ud654\">SEO \ucd5c\uc801\ud654<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/youngrihan.com\/html-css%eb%a5%bc-%ed%99%9c%ec%9a%a9%ed%95%9c-%ec%9b%b9-%ed%8e%98%ec%9d%b4%ec%a7%80-%ec%a0%9c%ec%9e%91-%ec%95%8c%ec%95%84%eb%b3%b4%ea%b8%b0\/#%EA%B2%B0%EB%A1%A0\" title=\"\uacb0\ub860\">\uacb0\ub860<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"CSS_%EA%B8%B0%EC%B4%88\"><\/span>CSS \uae30\ucd08<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>CSS\ub294 \uc6f9 \ud398\uc774\uc9c0\uc758 \uc2dc\uac01\uc801 \uc694\uc18c\ub97c \uc2a4\ud0c0\uc77c\ub9c1\ud558\ub294 \ub370 \uc0ac\uc6a9\ub429\ub2c8\ub2e4. \uc0c9\uc0c1, \ud3f0\ud2b8, \ub808\uc774\uc544\uc6c3 \ub4f1\uc744 \uc815\uc758\ud558\uc5ec \uc6f9 \ud398\uc774\uc9c0\uc758 \ub514\uc790\uc778\uc744 \uac1c\uc120\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. CSS\ub294 \ub0b4\ubd80 \uc2a4\ud0c0\uc77c \uc2dc\ud2b8, \uc678\ubd80 \uc2a4\ud0c0\uc77c \uc2dc\ud2b8, \uc778\ub77c\uc778 \uc2a4\ud0c0\uc77c\uc758 \uc138 \uac00\uc9c0 \ubc29\uc2dd\uc73c\ub85c \uc801\uc6a9\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uac01 \ubc29\uc2dd\uc758 \ud2b9\uc9d5\uc744 \uc774\ud574\ud558\uace0, \uc5b4\ub5bb\uac8c CSS\ub97c HTML\uacfc \uacb0\ud569\ud558\uc5ec \uc6f9 \ud398\uc774\uc9c0\uc758 \uc678\uad00\uc744 \uafb8\ubc00 \uc218 \uc788\ub294\uc9c0 \ubc30\uc6b0\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%EB%B0%98%EC%9D%91%ED%98%95_%EC%9B%B9_%EB%94%94%EC%9E%90%EC%9D%B8\"><\/span>\ubc18\uc751\ud615 \uc6f9 \ub514\uc790\uc778<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\ubc18\uc751\ud615 \uc6f9 \ub514\uc790\uc778\uc740 \ub2e4\uc591\ud55c \ub514\ubc14\uc774\uc2a4\uc5d0\uc11c \uc6f9 \ud398\uc774\uc9c0\uac00 \uc798 \ubcf4\uc774\ub3c4\ub85d \ud558\ub294 \ub514\uc790\uc778 \uc811\uadfc\ubc95\uc785\ub2c8\ub2e4. \uc774\ub97c \uc704\ud574 \ubbf8\ub514\uc5b4 \ucffc\ub9ac\ub97c \uc0ac\uc6a9\ud558\uc5ec \ud654\uba74 \ud06c\uae30\uc5d0 \ub530\ub77c \ub2e4\ub978 \uc2a4\ud0c0\uc77c\uc744 \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c, \ud50c\ub809\uc2a4\ubc15\uc2a4\ub098 \uadf8\ub9ac\ub4dc \uc2dc\uc2a4\ud15c\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc720\uc5f0\ud55c \ub808\uc774\uc544\uc6c3\uc744 \uad6c\uc131\ud558\ub294 \ubc29\ubc95\ub3c4 \ud3ec\ud568\ub429\ub2c8\ub2e4. \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ucd5c\uc801\ud654\ud558\uae30 \uc704\ud574 \ubc18\uc751\ud615 \ub514\uc790\uc778\uc744 \uace0\ub824\ud558\ub294 \uac83\uc740 \ud604\ub300 \uc6f9 \uac1c\ubc1c\uc5d0\uc11c \ud544\uc218\uc801\uc785\ub2c8\ub2e4.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%EC%9B%B9_%EC%A0%91%EA%B7%BC%EC%84%B1\"><\/span>\uc6f9 \uc811\uadfc\uc131<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\uc6f9 \uc811\uadfc\uc131\uc740 \ubaa8\ub4e0 \uc0ac\uc6a9\uc790\uac00 \uc6f9 \uc0ac\uc774\ud2b8\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \ubcf4\uc7a5\ud558\ub294 \uac83\uc744 \ubaa9\ud45c\ub85c \ud569\ub2c8\ub2e4. \uc774\ub97c \uc704\ud574 `alt` \ud0dc\uadf8\ub97c \uc0ac\uc6a9\ud55c \uc774\ubbf8\uc9c0 \uc124\uba85, \ud0a4\ubcf4\ub4dc\ub9cc\uc73c\ub85c\ub3c4 \uc6f9 \ud398\uc774\uc9c0\ub97c \ub124\ube44\uac8c\uc774\uc158\ud560 \uc218 \uc788\ub3c4\ub85d \ud558\ub294 \uad6c\uc870, \uc0c9\uc0c1 \ub300\ube44\ub97c \uc801\uc808\ud788 \uc124\uc815\ud558\ub294 \ub4f1\uc758 \ubc29\ubc95\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc6f9 \uc811\uadfc\uc131\uc740 \ubc95\uc801 \uc694\uad6c\uc0ac\ud56d\uc77c \ubfd0\ub9cc \uc544\ub2c8\ub77c, \ubaa8\ub4e0 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ub3d9\ub4f1\ud55c \uc6f9 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"SEO_%EC%B5%9C%EC%A0%81%ED%99%94\"><\/span>SEO \ucd5c\uc801\ud654<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>SEO(\uac80\uc0c9 \uc5d4\uc9c4 \ucd5c\uc801\ud654)\ub294 \uc6f9 \ud398\uc774\uc9c0\uac00 \uac80\uc0c9 \uc5d4\uc9c4\uc5d0\uc11c \ub354 \ub192\uc740 \uc21c\uc704\ub97c \uc5bb\ub3c4\ub85d \ud558\ub294 \uae30\uc220\uc785\ub2c8\ub2e4. \uc81c\ubaa9 \ud0dc\uadf8, \uba54\ud0c0 \uc124\uba85, \uc801\uc808\ud55c \ud0a4\uc6cc\ub4dc \uc0ac\uc6a9, \uc18d\ub3c4 \ucd5c\uc801\ud654 \ub4f1\uc774 SEO\uc5d0 \uae30\uc5ec\ud569\ub2c8\ub2e4. HTML\uacfc CSS\ub97c \uc0ac\uc6a9\ud558\uc5ec \uad6c\uc870\uc801\uc73c\ub85c \uac15\ub825\ud558\uace0 \uac80\uc0c9 \uc5d4\uc9c4 \uce5c\ud654\uc801\uc778 \uc6f9 \ud398\uc774\uc9c0\ub97c \uc124\uacc4\ud558\ub294 \ubc29\ubc95\uc744 \ubc30\uc6b0\ub294 \uac83\uc740 \uc6f9 \uc0ac\uc774\ud2b8\uc758 \uac00\uc2dc\uc131\uc744 \ub192\uc774\ub294 \ub370 \ud06c\uac8c \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%EA%B2%B0%EB%A1%A0\"><\/span>\uacb0\ub860<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>HTML\uacfc CSS\ub294 \uc6f9 \ud398\uc774\uc9c0\ub97c \uc81c\uc791\ud558\ub294 \uae30\ubcf8 \ub3c4\uad6c\uc785\ub2c8\ub2e4. \uc774 \uae00\uc744 \ud1b5\ud574 \uae30\ubcf8\uc801\uc778 \uc6f9 \ud398\uc774\uc9c0 \uad6c\uc131, \uc2a4\ud0c0\uc77c\ub9c1 \uae30\ubc95, \ubc18\uc751\ud615 \ub514\uc790\uc778\uc758 \uc774\ud574, \uc6f9 \uc811\uadfc\uc131 \ud5a5\uc0c1 \ubc29\ubc95, \uadf8\ub9ac\uace0 SEO \ucd5c\uc801\ud654 \ubc29\ubc95\uc744 \uc18c\uac1c\ud558\uc600\uc2b5\ub2c8\ub2e4. \uc6f9 \uac1c\ubc1c\uc744 \uc2dc\uc791\ud558\ub294 \ub370 \uc788\uc5b4 \uc774\ub7ec\ud55c \uae30\ucd08 \uc9c0\uc2dd\uc740 \ub9e4\uc6b0 \uc911\uc694\ud558\uba70, \uc5ec\ub7ec\ubd84\uc774 \uc9c1\uc811 \uc6f9 \ud398\uc774\uc9c0\ub97c \uc81c\uc791\ud558\uba74\uc11c \uc774\ub860\uc744 \uc2e4\uc81c\ub85c \uc801\uc6a9\ud574\ubcf4\uae30 \ubc14\ub78d\ub2c8\ub2e4. \ub04a\uc784\uc5c6\uc774 \ud559\uc2b5\ud558\uace0 \uc5f0\uc2b5\ud568\uc73c\ub85c\uc368, \uc5ec\ub7ec\ubd84\ub3c4 \ud6cc\ub96d\ud55c \uc6f9 \uac1c\ubc1c\uc790\uac00 \ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud604\ub300\uc758 \uc6f9 \uac1c\ubc1c\uc740 \ub2e4\uc591\ud55c \uae30\uc220\uc758 \uc9d1\ud569\uccb4\uc774\uba70, \uadf8 \uc911\uc2ec\uc5d0\ub294 HTML\uacfc CSS\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 HTML\uacfc CSS\ub97c \ud65c\uc6a9\ud558\uc5ec \uae30\ubcf8\uc801\uc778 \uc6f9 \ud398\uc774\uc9c0\ub97c \ub9cc\ub4dc\ub294 \ubc29\ubc95\uc744 \uc18c\uac1c\ud558\uace0\uc790 \ud569\ub2c8\ub2e4. \ucd08\ubcf4\uc790\ub3c4 \uc27d\uac8c \ub530\ub77c \ud560 \uc218 \uc788\ub3c4\ub85d \ub2e8\uacc4\ubcc4\ub85c \uc124\uba85\ud558\uaca0\uc73c\uba70, \uc2e4\uc81c\ub85c \uc801\uc6a9\ud574\ubcfc \uc218 \uc788\ub294 \uc2e4\uc6a9\uc801\uc778 \ud301\ub3c4 \uacf5\uc720\ud558\uaca0\uc2b5\ub2c8\ub2e4. \uc6f9 \uac1c\ubc1c\uc758 \uccab\uac78\uc74c\uc744 \ub5bc\uace0\uc790 \ud558\ub294 \ubd84\ub4e4\uc5d0\uac8c \uc774 \uae00\uc774 \ub3c4\uc6c0\uc774 \ub418\uae30\ub97c \ubc14\ub78d\ub2c8\ub2e4. CSS \uae30\ucd08 CSS\ub294 \uc6f9 \ud398\uc774\uc9c0\uc758 \uc2dc\uac01\uc801&hellip;&nbsp;<a href=\"https:\/\/youngrihan.com\/html-css%eb%a5%bc-%ed%99%9c%ec%9a%a9%ed%95%9c-%ec%9b%b9-%ed%8e%98%ec%9d%b4%ec%a7%80-%ec%a0%9c%ec%9e%91-%ec%95%8c%ec%95%84%eb%b3%b4%ea%b8%b0\/\" class=\"\" rel=\"bookmark\">\ub354 \ubcf4\uae30 &raquo;<span class=\"screen-reader-text\">HTML\/CSS\ub97c \ud65c\uc6a9\ud55c \uc6f9 \ud398\uc774\uc9c0 \uc81c\uc791 \uc54c\uc544\ubcf4\uae30<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":220,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[16],"tags":[23],"class_list":["post-227","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-program-development","tag-html-css-----"],"_links":{"self":[{"href":"https:\/\/youngrihan.com\/wp-json\/wp\/v2\/posts\/227"}],"collection":[{"href":"https:\/\/youngrihan.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/youngrihan.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/youngrihan.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/youngrihan.com\/wp-json\/wp\/v2\/comments?post=227"}],"version-history":[{"count":1,"href":"https:\/\/youngrihan.com\/wp-json\/wp\/v2\/posts\/227\/revisions"}],"predecessor-version":[{"id":228,"href":"https:\/\/youngrihan.com\/wp-json\/wp\/v2\/posts\/227\/revisions\/228"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/youngrihan.com\/wp-json\/wp\/v2\/media\/220"}],"wp:attachment":[{"href":"https:\/\/youngrihan.com\/wp-json\/wp\/v2\/media?parent=227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/youngrihan.com\/wp-json\/wp\/v2\/categories?post=227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/youngrihan.com\/wp-json\/wp\/v2\/tags?post=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}