{"id":1132,"date":"2025-02-15T18:30:00","date_gmt":"2025-02-15T09:30:00","guid":{"rendered":"https:\/\/seuheu.com\/?p=1132"},"modified":"2025-02-14T15:55:25","modified_gmt":"2025-02-14T06:55:25","slug":"html-%ed%83%9c%ea%b7%b8%eb%9e%80","status":"publish","type":"post","link":"https:\/\/seuheu.com\/?p=1132","title":{"rendered":"[HTML] HTML \ud0dc\uadf8\ub780?"},"content":{"rendered":"\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<p><br><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 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\" style=\"cursor:inherit\">\ubaa9\ucc28<\/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=\"\ubaa9\ucc28 \ud1a0\uae00\"><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-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/seuheu.com\/?p=1132\/#HTML_%ED%83%9C%EA%B7%B8%EB%9E%80\" >HTML \ud0dc\uadf8\ub780?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/seuheu.com\/?p=1132\/#HTML_%ED%83%9C%EA%B7%B8%EC%9D%98_%EC%A2%85%EB%A5%98\" >HTML \ud0dc\uadf8\uc758 \uc885\ub958<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/seuheu.com\/?p=1132\/#%EA%B8%B0%EB%B3%B8_%EA%B5%AC%EC%A1%B0\" >\uae30\ubcf8 \uad6c\uc870<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/seuheu.com\/?p=1132\/#%ED%85%8D%EC%8A%A4%ED%8A%B8_%EA%B4%80%EB%A0%A8_%ED%83%9C%EA%B7%B8\" >\ud14d\uc2a4\ud2b8 \uad00\ub828 \ud0dc\uadf8<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/seuheu.com\/?p=1132\/#%EB%A7%81%ED%81%AC_%EB%AF%B8%EB%94%94%EC%96%B4_%ED%83%9C%EA%B7%B8\" >\ub9c1\ud06c &amp; \ubbf8\ub514\uc5b4 \ud0dc\uadf8<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/seuheu.com\/?p=1132\/#%EB%AA%A9%EB%A1%9D_%ED%83%9C%EA%B7%B8\" >\ubaa9\ub85d \ud0dc\uadf8<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/seuheu.com\/?p=1132\/#%ED%91%9CTable_%EA%B4%80%EB%A0%A8_%ED%83%9C%EA%B7%B8\" >\ud45c(Table) \uad00\ub828 \ud0dc\uadf8<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/seuheu.com\/?p=1132\/#%EC%9E%85%EB%A0%A5_%ED%8F%BCForm_%ED%83%9C%EA%B7%B8\" >\uc785\ub825 \ud3fc(Form) \ud0dc\uadf8<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/seuheu.com\/?p=1132\/#%EC%8B%9C%EB%A7%A8%ED%8B%B1Semantic_%ED%83%9C%EA%B7%B8\" >\uc2dc\ub9e8\ud2f1(Semantic) \ud0dc\uadf8<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<br><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"HTML_%ED%83%9C%EA%B7%B8%EB%9E%80\"><\/span>HTML \ud0dc\uadf8\ub780?<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p><br><br><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>HTML(\ud558\uc774\ud37c\ud14d\uc2a4\ud2b8 \ub9c8\ud06c\uc5c5 \uc5b8\uc5b4, HyperText Markup Language)\uc740 \uc6f9 \ud398\uc774\uc9c0\ub97c \uad6c\uc131\ud558\ub294 \uc5b8\uc5b4\uc774\uba70, <strong>HTML \ud0dc\uadf8(Tag)<\/strong>\ub294 \ubb38\uc11c\uc758 \uad6c\uc870\ub97c \uc815\uc758\ud558\ub294 \uae30\ubcf8 \uc694\uc18c\uc785\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\ud0dc\uadf8\ub294&nbsp;<code>&lt;\ud0dc\uadf8\uc774\ub984&gt;<\/code>&nbsp;\ud615\ud0dc\ub85c \uc791\uc131\ub418\uba70, \ub300\ubd80\ubd84 \uc2dc\uc791 \ud0dc\uadf8(<code>&lt;\ud0dc\uadf8\uc774\ub984&gt;<\/code>)\uc640 \uc885\ub8cc \ud0dc\uadf8(<code>&lt;\/\ud0dc\uadf8\uc774\ub984&gt;<\/code>)\uac00 \ud55c \uc30d\uc744 \uc774\ub8f9\ub2c8\ub2e4.<\/li>\n<\/ul>\n\n\n\n<p><br><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"HTML_%ED%83%9C%EA%B7%B8%EC%9D%98_%EC%A2%85%EB%A5%98\"><\/span>HTML \ud0dc\uadf8\uc758 \uc885\ub958<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p><br><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EA%B8%B0%EB%B3%B8_%EA%B5%AC%EC%A1%B0\"><\/span>\uae30\ubcf8 \uad6c\uc870<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>HTML \ud0dc\uadf8\ub294 \uae30\ub2a5\uc5d0 \ub530\ub77c \uc5ec\ub7ec \uc720\ud615\uc73c\ub85c \ub098\ub269\ub2c8\ub2e4.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;html&gt;<\/code>: HTML \ubb38\uc11c\uc758 \uc2dc\uc791\uacfc \ub05d\uc744 \ub098\ud0c0\ub0c4<\/li>\n\n\n\n<li><code>&lt;head&gt;<\/code>: \ubb38\uc11c\uc758 \uba54\ud0c0 \uc815\ubcf4(\uc81c\ubaa9, CSS, JS, \uc778\ucf54\ub529 \ub4f1)\ub97c \ud3ec\ud568<\/li>\n\n\n\n<li><code>&lt;title&gt;<\/code>: \uc6f9 \ud398\uc774\uc9c0 \uc81c\ubaa9 \uc9c0\uc815<\/li>\n\n\n\n<li><code>&lt;body&gt;<\/code>: \uc2e4\uc81c \uc6f9 \ud398\uc774\uc9c0\uc758 \ucf58\ud150\uce20\ub97c \ud3ec\ud568<\/li>\n<\/ul>\n\n\n\n<p><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%ED%85%8D%EC%8A%A4%ED%8A%B8_%EA%B4%80%EB%A0%A8_%ED%83%9C%EA%B7%B8\"><\/span>\ud14d\uc2a4\ud2b8 \uad00\ub828 \ud0dc\uadf8<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\ud14d\uc2a4\ud2b8\ub97c \ud45c\uc2dc\ud558\ub294 \ud0dc\uadf8<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;h1&gt; ~ &lt;h6&gt;<\/code>: \uc81c\ubaa9(Heading) \ud0dc\uadf8 (<code>&lt;h1&gt;<\/code>\uc774 \uac00\uc7a5 \ud06c\uace0&nbsp;<code>&lt;h6&gt;<\/code>\uc774 \uac00\uc7a5 \uc791\uc74c)<\/li>\n\n\n\n<li><code>&lt;p&gt;<\/code>: \ub2e8\ub77d(Paragraph) \ud0dc\uadf8<\/li>\n\n\n\n<li><code>&lt;br&gt;<\/code>: \uc904 \ubc14\uafc8(Break)<\/li>\n\n\n\n<li><code>&lt;hr&gt;<\/code>: \uc218\ud3c9\uc120(Horizontal Rule)<\/li>\n\n\n\n<li><code>&lt;b&gt;<\/code>: \uad75\uc740 \uae00\uc528(Bold)<\/li>\n\n\n\n<li><code>&lt;i&gt;<\/code>: \uae30\uc6b8\uc784(Italic)<\/li>\n\n\n\n<li><code>&lt;u&gt;<\/code>: \ubc11\uc904(Underline)<\/li>\n\n\n\n<li><code>&lt;strong&gt;<\/code>: \uc758\ubbf8\uc801\uc73c\ub85c \uc911\uc694\ud55c \uac15\uc870 (\uad75\uac8c \ud45c\uc2dc\ub428)<\/li>\n\n\n\n<li><code>&lt;em&gt;<\/code>: \uc758\ubbf8\uc801\uc73c\ub85c \uac15\uc870\ub41c \uae00\uc790 (\uae30\uc6b8\uc5b4\uc9d0)<\/li>\n\n\n\n<li><code>&lt;mark&gt;<\/code>: \ud615\uad11\ud39c \ud6a8\uacfc(\ud14d\uc2a4\ud2b8 \uac15\uc870)<\/li>\n\n\n\n<li><code>&lt;small&gt;<\/code>: \uc791\uc740 \uae00\uc528<\/li>\n<\/ul>\n\n\n\n<p><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EB%A7%81%ED%81%AC_%EB%AF%B8%EB%94%94%EC%96%B4_%ED%83%9C%EA%B7%B8\"><\/span>\ub9c1\ud06c &amp; \ubbf8\ub514\uc5b4 \ud0dc\uadf8<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;a href=\"URL\"&gt;<\/code>: \ud558\uc774\ud37c\ub9c1\ud06c(Anchor) \uc0dd\uc131<\/li>\n\n\n\n<li><code>&lt;img src=\"\uacbd\ub85c\" alt=\"\uc124\uba85\"&gt;<\/code>: \uc774\ubbf8\uc9c0 \uc0bd\uc785<\/li>\n\n\n\n<li><code>&lt;video&gt;<\/code>: \ube44\ub514\uc624 \uc0bd\uc785<\/li>\n\n\n\n<li><code>&lt;audio&gt;<\/code>: \uc624\ub514\uc624 \uc0bd\uc785<\/li>\n\n\n\n<li><code>&lt;iframe src=\"URL\"&gt;<\/code>: \ub2e4\ub978 \uc6f9\ud398\uc774\uc9c0 \ud3ec\ud568<\/li>\n<\/ul>\n\n\n\n<p><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EB%AA%A9%EB%A1%9D_%ED%83%9C%EA%B7%B8\"><\/span>\ubaa9\ub85d \ud0dc\uadf8<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;ul&gt;<\/code>: \uc21c\uc11c \uc5c6\ub294 \ubaa9\ub85d(Unordered List)<\/li>\n\n\n\n<li><code>&lt;ol&gt;<\/code>: \uc21c\uc11c \uc788\ub294 \ubaa9\ub85d(Ordered List)<\/li>\n\n\n\n<li><code>&lt;li&gt;<\/code>: \ubaa9\ub85d \ud56d\ubaa9(List Item)<\/li>\n<\/ul>\n\n\n\n<p><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%ED%91%9CTable_%EA%B4%80%EB%A0%A8_%ED%83%9C%EA%B7%B8\"><\/span>\ud45c(Table) \uad00\ub828 \ud0dc\uadf8<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;table&gt;<\/code>: \ud45c \uc0dd\uc131<\/li>\n\n\n\n<li><code>&lt;tr&gt;<\/code>: \ud589(Row)<\/li>\n\n\n\n<li><code>&lt;th&gt;<\/code>: \ud45c \ud5e4\ub354(Header)<\/li>\n\n\n\n<li><code>&lt;td&gt;<\/code>: \ud45c \ub370\uc774\ud130(Data)<\/li>\n<\/ul>\n\n\n\n<p><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EC%9E%85%EB%A0%A5_%ED%8F%BCForm_%ED%83%9C%EA%B7%B8\"><\/span>\uc785\ub825 \ud3fc(Form) \ud0dc\uadf8<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\uc0ac\uc6a9\uc790\ub85c\ubd80\ud130 \uc785\ub825\uc744 \ubc1b\uc744 \ub54c \uc0ac\uc6a9<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;form&gt;<\/code>: \uc785\ub825 \ud3fc(Form) \uc815\uc758<\/li>\n\n\n\n<li><code>&lt;input&gt;<\/code>: \uc0ac\uc6a9\uc790 \uc785\ub825 \ud544\ub4dc<\/li>\n\n\n\n<li><code>&lt;textarea&gt;<\/code>: \uc5ec\ub7ec \uc904 \uc785\ub825 \ud544\ub4dc<\/li>\n\n\n\n<li><code>&lt;button&gt;<\/code>: \ubc84\ud2bc \uc0dd\uc131<\/li>\n\n\n\n<li><code>&lt;select&gt;<\/code>: \ub4dc\ub86d\ub2e4\uc6b4 \ubaa9\ub85d<\/li>\n\n\n\n<li><code>&lt;option&gt;<\/code>: \ub4dc\ub86d\ub2e4\uc6b4 \ud56d\ubaa9<\/li>\n\n\n\n<li><code>&lt;label&gt;<\/code>: \uc785\ub825 \uc694\uc18c\uc640 \uc5f0\uacb0\ub418\ub294 \ub77c\ubca8<\/li>\n<\/ul>\n\n\n\n<p><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EC%8B%9C%EB%A7%A8%ED%8B%B1Semantic_%ED%83%9C%EA%B7%B8\"><\/span><strong>\uc2dc\ub9e8\ud2f1(Semantic) \ud0dc\uadf8<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>HTML5\uc5d0\uc11c \ucd94\uac00\ub41c \uc758\ubbf8 \uc788\ub294 \ud0dc\uadf8\ub4e4\ub85c, \ucf54\ub4dc\uc758 \uac00\ub3c5\uc131\uc744 \ub192\uc774\uace0 \uac80\uc0c9\uc5d4\uc9c4 \ucd5c\uc801\ud654(SEO)\uc5d0 \ub3c4\uc6c0\uc744 \uc90c<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;header&gt;<\/code>: \uba38\ub9ac\ub9d0(\uc0ac\uc774\ud2b8 \ub85c\uace0, \ub0b4\ube44\uac8c\uc774\uc158 \ud3ec\ud568)<\/li>\n\n\n\n<li><code>&lt;nav&gt;<\/code>: \ub0b4\ube44\uac8c\uc774\uc158 \uc601\uc5ed<\/li>\n\n\n\n<li><code>&lt;section&gt;<\/code>: \ubb38\uc11c\uc758 \uc139\uc158<\/li>\n\n\n\n<li><code>&lt;article&gt;<\/code>: \ub3c5\ub9bd\uc801\uc778 \ucf58\ud150\uce20 \ube14\ub85d<\/li>\n\n\n\n<li><code>&lt;aside&gt;<\/code>: \uc0ac\uc774\ub4dc\ubc14 \ub610\ub294 \ubd80\uac00 \uc815\ubcf4<\/li>\n\n\n\n<li><code>&lt;footer&gt;<\/code>: \ud558\ub2e8(\uc800\uc791\uad8c \uc815\ubcf4 \ub4f1)<\/li>\n<\/ul>\n\n\n\n<p><br><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML \ud0dc\uadf8\ub780? HTML \ud0dc\uadf8\uc758 \uc885\ub958 \uae30\ubcf8 \uad6c\uc870 HTML \ud0dc\uadf8\ub294 \uae30\ub2a5\uc5d0 \ub530\ub77c \uc5ec\ub7ec \uc720\ud615\uc73c\ub85c \ub098\ub269\ub2c8\ub2e4. \ud14d\uc2a4\ud2b8 \uad00\ub828 \ud0dc\uadf8 \ud14d\uc2a4\ud2b8\ub97c \ud45c\uc2dc\ud558\ub294 \ud0dc\uadf8 \ub9c1\ud06c &amp; \ubbf8\ub514\uc5b4 \ud0dc\uadf8 \ubaa9\ub85d \ud0dc\uadf8 \ud45c(Table) \uad00\ub828 \ud0dc\uadf8 \uc785\ub825 \ud3fc(Form) \ud0dc\uadf8 \uc0ac\uc6a9\uc790\ub85c\ubd80\ud130 \uc785\ub825\uc744 \ubc1b\uc744 \ub54c \uc0ac\uc6a9 \uc2dc\ub9e8\ud2f1(Semantic) \ud0dc\uadf8 HTML5\uc5d0\uc11c \ucd94\uac00\ub41c \uc758\ubbf8 \uc788\ub294 \ud0dc\uadf8\ub4e4\ub85c, \ucf54\ub4dc\uc758 \uac00\ub3c5\uc131\uc744 \ub192\uc774\uace0 \uac80\uc0c9\uc5d4\uc9c4 \ucd5c\uc801\ud654(SEO)\uc5d0 \ub3c4\uc6c0\uc744 \uc90c<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,25],"tags":[],"class_list":["post-1132","post","type-post","status-publish","format-standard","hentry","category-programming","category-html"],"_links":{"self":[{"href":"https:\/\/seuheu.com\/index.php?rest_route=\/wp\/v2\/posts\/1132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seuheu.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seuheu.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seuheu.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seuheu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1132"}],"version-history":[{"count":3,"href":"https:\/\/seuheu.com\/index.php?rest_route=\/wp\/v2\/posts\/1132\/revisions"}],"predecessor-version":[{"id":1136,"href":"https:\/\/seuheu.com\/index.php?rest_route=\/wp\/v2\/posts\/1132\/revisions\/1136"}],"wp:attachment":[{"href":"https:\/\/seuheu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1132"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seuheu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1132"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seuheu.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}