{"id":1883,"date":"2013-12-23T00:29:50","date_gmt":"2013-12-22T15:29:50","guid":{"rendered":"http:\/\/www.happyfam.or.kr\/ysoh\/?p=1883"},"modified":"2015-02-10T21:11:43","modified_gmt":"2015-02-10T12:11:43","slug":"html-%ea%b8%b0%eb%b3%b8-%ea%b5%ac%ec%a1%b0","status":"publish","type":"post","link":"http:\/\/www.happyfam.or.kr\/ysoh\/html-%ea%b8%b0%eb%b3%b8-%ea%b5%ac%ec%a1%b0\/","title":{"rendered":"HTML \uae30\ubcf8 \uad6c\uc870"},"content":{"rendered":"

[\ubaa9\uc801]
\nHTML\uc758 \uae30\ubcf8 \uad6c\uc870\uc5d0 \ub300\ud574 \ubc30\uc6b4\ub2e4.<\/p>\n

[\uc774\ub860]
\n\uc77c\ubc18\uc801\uc73c\ub85c \ud648\ud398\uc774\uc9c0\ub294 MSIE, FireFox, Chrome \ub4f1\uacfc \uac19\uc740 \ube0c\ub77c\uc6b0\uc800\ub97c \ud1b5\ud574 \uc811\uc18d\ud55c\ub2e4. \uc774 \ub54c \ube0c\ub77c\uc6b0\uc800\ub294 \uc11c\ubc84\ub85c \ubd80\ud130 HTML(Hyper Text Markup Language) \ud615\uc2dd\uc758 \ud648\ud398\uc774\uc9c0 \ubb38\uc11c\ub97c \ub80c\ub354\ub9c1(\ud574\uc11d)\ud558\uc5ec \uc0ac\uc6a9\uc790\uc5d0\uac8c \ubcf4\uc5ec\uc900\ub2e4. \ub530\ub77c\uc11c \ud648\ud398\uc774\uc9c0 \uc791\uc131\uc758 \uac00\uc7a5 \uae30\ubcf8\uc740 HTML\uc774\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 HTML\uc758 \uae30\ubcf8\ud615\uc2dd\uc5d0 \ub300\ud574 \uc0b4\ud3b4\ubcf4\uaca0\ub2e4.<\/p>\n

[HTML\uc758 \uae30\ubcf8 \ud615\uc2dd]
\nHTML\uc740 \ud0dc\uadf8(Tag)\ub85c \uad6c\uc131\ub41c \uc2a4\ud06c\ub9bd\ud2b8 \uc5b8\uc5b4\ub2e4. \uadf8\ub7ec\ubbc0\ub85c HTML\uc744 \uacf5\ubd80\ud560 \ub54c \uac00\uc7a5 \uba3c\uc800 \ubc30\uc6b0\ub294 \uac83\uc740 \ud0dc\uadf8\ub2e4. \ud558\ub098\uc758 \ud648\ud398\uc774\uc9c0\ub97c \uad6c\uc131\ud558\uace0\uc788\ub294 HTML\uc758 \ub0b4\uc6a9\uc740 \uac01\uac01\uc758 \ud648\ud398\uc774\uc9c0 \ub9c8\ub2e4 \ub2e4\ub974\uc9c0\ub9cc \uac70\uc758 \ubaa8\ub4e0 HTML\uc740 \ub2e4\uc74c\uacfc \uac19\uc740 \uad6c\uc870\ub97c \uac00\uc9c0\uace0 \uc788\ub2e4.<\/p>\n

<!DOCTYPE html-\ubc84\uc804>\r\n<html>\r\n    <head>\r\n        <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=\ubb38\uc790\uc14b\"\/>\r\n        <title>\ud648\ud398\uc774\uc9c0 \uc81c\ubaa9<\/title>\r\n    <\/head>\r\n    <body>\r\n        \ud648\ud398\uc774\uc9c0 \ub0b4\uc6a9\r\n    <\/body>\r\n<\/html><\/pre>\n
\uc704 \uad6c\uc870\uc5d0\uc11c \uc0ac\uc6a9\ub41c \ud0dc\uadf8\ub294 ‘<html>’, ‘<head>’, ‘<meta>’, ‘<title>’, ‘<body>’ \ub4f1 \uc774\ub2e4. \ud0dc\uadf8\ub4e4\uc744 \uc0b4\ud3b4\ubcf4\uba74 <meta> \ud0dc\uadf8\ub97c \uc81c\uc678\ud55c \ubaa8\ub4e0 \ud0dc\uadf8\ub4e4\uc740 \u00a0‘<\/html>’, ‘<\/body>’ \ub4f1\uacfc \uac19\uc774 \uc55e \ubd80\ubd84\uc5d0 ‘\/’\uac00 \ubd99\uc5b4\uc788\ub294 \ud0dc\uadf8\ub4e4\uacfc \uc30d\uc744 \uc774\ub8e8\uace0 \uc788\ub2e4. \uc774\uac83\uc740 \ub2eb\ud78c \ud0dc\uadf8\ub97c \uc758\ubbf8\ud558\uba70, \uad04\ud638\uad6c\uc870 ‘(‘ ~ ‘)’\uc5d0\uc11c ‘)’\uacfc \uac19\uc740 \uc758\ubbf8\ub85c \uc0dd\uac01\ud558\uba74 \ub41c\ub2e4. ‘<meta>’ \ud0dc\uadf8\uc758 \uacbd\uc6b0\uc5d0\ub294 ‘<\/meta>’\uc640 \uc30d\uc744 \uc774\ub8e8\uace0 \uc788\uc9c0 \uc54a\uc740\ub370 \ub300\uc2e0 \ub2e4\ub978 \ud0dc\uadf8\uc640\ub294 \ub2ec\ub9ac ‘<meta>’ \ud0dc\uadf8\uc758 \ub9c8\uc9c0\ub9c9 \ubd80\ubd84\uc5d0 ‘\/>’\ub85c \ub2eb\ud600\uc788\ub2e4. \uc774\ub294 \ud0dc\uadf8 \ub0b4\uc5d0 \ub0b4\uc6a9\uc774 \uc5c6\ub294 \ube48 \ud0dc\uadf8\ub97c \uc758\ubbf8\ud558\uba70 Line 4\uc758 ‘<meta>’ \ud0dc\uadf8\ub294 ‘<meta http-equiv=”Content-Type” content=”text\/html; charset=\ubb38\uc790\uc14b”><\/meta>’\uc758 \ub2e4\ub978 \ud45c\ud604\uc774\ub2e4.<\/p>\n
Line 1 : html\uc758 \ubc84\uc804\uc744 \ud45c\uc2dc\ud55c\ub2e4.
\nLine 2 : html \ubb38\uc11c\uc758 \ucd5c\uc0c1\uc704 \ud0dc\uadf8\ub85c html \ubb38\uc11c\ub294 \ubc18\ub4dc\uc2dc ‘<html>’ ~ ‘<\/html>’\ub97c \ucd5c\uc0c1\uc704 \ud0dc\uadf8\ub85c \uac16\ub294\ub2e4.
\nLine 3 : \ubb38\uc11c\uc758 \uc81c\ubaa9 \ub610\ub294 \uc815\ubcf4 \ubc0f \uc2a4\ud06c\ub9bd\ud2b8 \ub610\ub294 \uc2a4\ud0c0\uc77c\uc2dc\ud2b8 \uc5f0\uacb0 \ub4f1\uacfc \uac19\uc740 \ub0b4\uc6a9\uc774 ‘<head>’ ~ ‘<\/head>’ \ud0dc\uadf8 \uc0ac\uc774\uc5d0 \uc704\uce58\ud55c\ub2e4.
\nLine 4 : \ub2e4\uad6d\uc5b4 \uc9c0\uc6d0\uc744 \uc704\ud55c \uc778\ucf54\ub529 \ubb38\uc790\uc14b\uc73c\ub85c \ud55c\uae00\uc758 \uacbd\uc6b0 \ubb38\uc790\uc14b \ubd80\ubd84\uc5d0 ‘UTF-8’ \ub610\ub294 ‘EUC-KR’\uc774 \uc628\ub2e4.
\nLine 5 : \ube0c\ub77c\ub204\uc800 \uc0c1\ub2e8 \ud0c0\uc774\ud2c0\ubc14\uc5d0 \ud45c\uc2dc\ub420 \ubb38\uc790\uac00 ‘<title>’ ~ ‘<\/title>’ \ud0dc\uadf8 \uc0ac\uc774\uc5d0 \uc704\uce58\ud55c\ub2e4.
\nLine 7 : \ube0c\ub77c\uc6b0\uc800 \uba54\uc778 \ud654\uba74\uc5d0 \ud45c\uc2dc\ub420 \ub0b4\uc6a9\uc774 ‘<body>’ ~ ‘<\/body>’ \ud0dc\uadf8 \uc0ac\uc774\uc5d0 \uc704\uce58\ud55c\ub2e4.<\/p>\n
\uc55e\uc5d0\uc11c \uc2e4\uc2b5\ud55c ‘exam-01-01.html’\uc744 \uc704 \ub0b4\uc6a9\uc5d0 \uc720\ub150\ud558\uc5ec \uc0b4\ud3b4\ubcf4\uba74 \ube0c\ub77c\uc6b0\uc800\uc758 \ucd9c\ub825 \uacb0\uacfc \ud654\uba74\uc744 \uc774\ud574\ud560 \uc218 \uc788\uc744 \uac83\uc774\ub2e4.<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n    <head>\r\n        <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\"\/>\r\n        <title>My 1st HTML<\/title>\r\n    <\/head>\r\n    <body>\r\n        Hello, World!\r\n    <\/body>\r\n<\/html><\/pre>\n
Line 1 : html \ubc84\uc804\uc774 html5\uc784\uc744 \ud45c\uc2dc
\nLine 4 : \uc778\ucf54\ub529 \ubb38\uc790\uc14b\uc774 ‘UTF-8’ \uc784\uc744 \ud45c\uc2dc
\nLine 5 : \ube0c\ub77c\ub204\uc800 \uc0c1\ub2e8 \ud0c0\uc774\ud2c0\ubc14\uc5d0 ‘My 1st HTML’\uc744 \ucd9c\ub825
\nLine 7 : \ube0c\ub77c\uc6b0\uc800 \uba54\uc778 \ud654\uba74\uc5d0\u00a0‘Hello, World’\ub97c \ucd9c\ub825<\/p>\n
\"03-01\"<\/a><\/p>\n
[\uc2e4\uc2b5]
\n\ub2e4\uc74c \uc608\uc81c ‘exam-03-01.html’\uc744 \uc11c\ubc84\uc5d0 \uc62c\ub9ac\uace0 \uacb0\uacfc\ub97c \uc608\uc0c1\ud55c \ud6c4 \ube0c\ub77c\uc6b0\uc800\ub85c \ud655\uc778\ud574 \ubcf4\uc790.<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n    <head>\r\n        <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\"\/>\r\n        <title>HTML5<\/title>\r\n    <\/head>\r\n    <body>\r\n        HTML5 is The New HTML Standard.\r\n    <\/body>\r\n<\/html><\/pre>\n
\"03-02\"<\/a><\/p>\n
[\uacfc\uc81c]
\n\ub2e4\uc74c \uacb0\uacfc\ub97c \ucd9c\ub825\ud558\ub294 HTML \ud30c\uc77c\uc744 ‘exam-04-01.html’\ub85c \uc791\uc131\ud574 \ubcf4\uc790.<\/p>\n
\"04-02\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
[\ubaa9\uc801] HTML\uc758 \uae30\ubcf8 \uad6c\uc870\uc5d0 \ub300\ud574 \ubc30\uc6b4\ub2e4. [\uc774\ub860] \uc77c\ubc18\uc801\uc73c\ub85c \ud648\ud398\uc774\uc9c0\ub294 MSIE, FireFox, Chrome \ub4f1\uacfc \uac19\uc740 \ube0c\ub77c\uc6b0\uc800\ub97c \ud1b5\ud574 \uc811\uc18d\ud55c\ub2e4. \uc774 \ub54c \ube0c\ub77c\uc6b0\uc800\ub294 \uc11c\ubc84\ub85c \ubd80\ud130 HTML(Hyper Text Markup Language) \ud615\uc2dd\uc758 \ud648\ud398\uc774\uc9c0 \ubb38\uc11c\ub97c \ub80c\ub354\ub9c1(\ud574\uc11d)\ud558\uc5ec \uc0ac\uc6a9\uc790\uc5d0\uac8c \ubcf4\uc5ec\uc900\ub2e4. \ub530\ub77c\uc11c \ud648\ud398\uc774\uc9c0 \uc791\uc131\uc758 \uac00\uc7a5 \uae30\ubcf8\uc740 HTML\uc774\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 HTML\uc758 \uae30\ubcf8\ud615\uc2dd\uc5d0 \ub300\ud574 \uc0b4\ud3b4\ubcf4\uaca0\ub2e4. [HTML\uc758 \uae30\ubcf8 \ud615\uc2dd] HTML\uc740 \ud0dc\uadf8(Tag)\ub85c \uad6c\uc131\ub41c \uc2a4\ud06c\ub9bd\ud2b8 \uc5b8\uc5b4\ub2e4. \uadf8\ub7ec\ubbc0\ub85c HTML\uc744 \uacf5\ubd80\ud560\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":3,"featured_media":1890,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[4,2],"tags":[21,135],"class_list":["post-1883","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-homepage","category-2","tag-html","tag-tag"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.happyfam.or.kr\/ysoh\/wp-content\/uploads\/sites\/3\/2013\/12\/03-01.png?fit=464%2C303","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p776QY-un","jetpack-related-posts":[],"_links":{"self":[{"href":"http:\/\/www.happyfam.or.kr\/ysoh\/wp-json\/wp\/v2\/posts\/1883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.happyfam.or.kr\/ysoh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.happyfam.or.kr\/ysoh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.happyfam.or.kr\/ysoh\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/www.happyfam.or.kr\/ysoh\/wp-json\/wp\/v2\/comments?post=1883"}],"version-history":[{"count":0,"href":"http:\/\/www.happyfam.or.kr\/ysoh\/wp-json\/wp\/v2\/posts\/1883\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.happyfam.or.kr\/ysoh\/wp-json\/wp\/v2\/media\/1890"}],"wp:attachment":[{"href":"http:\/\/www.happyfam.or.kr\/ysoh\/wp-json\/wp\/v2\/media?parent=1883"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.happyfam.or.kr\/ysoh\/wp-json\/wp\/v2\/categories?post=1883"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.happyfam.or.kr\/ysoh\/wp-json\/wp\/v2\/tags?post=1883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}