HTML 저장
HTML은 웹 페이지를 만들기 위한 가장 기본적인 언어이다. HTML이란 Hyper Text Markup Language의 약자로, 웹페이지의 구조를 정의하기 위해 사용된다. HTML은 여는 태그와 닫는 태그로 이루어져 있고, 각 요소들은 이 태그들로 감싸져 있다.
HTML을 작성한 후, 이를 저장해야 웹 브라우저에서 확인할 수 있다. HTML 파일은 일반적으로 .html 확장자로 저장되며, 텍스트 에디터와 같은 프로그램을 사용하여 작성하고 저장할 수 있다.
HTML 파일을 작성할 때는 항상 로 시작해야 한다. 이는 해당 문서가 HTML5 문서임을 선언하는 것이다. 그 다음에는 태그로 전체 문서의 범위를 정의하고,
태그 안에는 문서의 메타 데이터를 넣는다.
이어서
태그로 문서의 제목을 지정하고, <body> 태그 안에는 실제 내용을 작성한다. 텍스트, 이미지, 링크 등 다양한 요소들을 넣어 웹페이지를 구성할 수 있다.</p>
<p>HTML 파일을 저장할 때는 주의할 점이 있다. 파일명은 영어와 숫자, 하이픈(-)으로만 구성되어야 하며, 공백이 없어야 한다. 또한 파일의 인코딩은 UTF-8로 설정하는 것이 좋다.</p>
<p>HTML을 저장할 때는 파일의 확장자를 .html로 지정해야 한다. 그리고 웹사이트를 호스팅할 때는 해당 파일을 서버에 업로드하여야 한다.</p>
<p>HTML 파일을 저장하고 나면, 웹 브라우저에서 해당 파일을 열어서 확인할 수 있다. 올바르게 작성되어 저장된 HTML 파일은 웹페이지로 제대로 보여질 것이다.HTML 저장하기는 웹페이지를 만들기 위한 기본이 되는 과정이므로, 정확히 이해하고 숙지하는 것이 중요하다.</p></div>
<!-- System - START -->
<!-- System - END -->
<div class="container_postbtn #post_button_group">
<div class="postbtn_like"><script>window.ReactionButtonType = 'reaction';
window.ReactionApiUrl = '//f3.simlihow.com/reaction';
window.ReactionReqBody = {
entryId: 1422
}</script>
<div class="wrap_btn" id="reaction-1422" data-tistory-react-app="Reaction"></div><div class="wrap_btn wrap_btn_share"><button type="button" class="btn_post sns_btn btn_share" aria-expanded="false" data-thumbnail-url="https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png" data-title="html 저장" data-description="HTML 저장HTML은 웹 페이지를 만들기 위한 가장 기본적인 언어이다. HTML이란 Hyper Text Markup Language의 약자로, 웹페이지의 구조를 정의하기 위해 사용된다. HTML은 여는 태그와 닫는 태그로 이루어져 있고, 각 요소들은 이 태그들로 감싸져 있다.HTML을 작성한 후, 이를 저장해야 웹 브라우저에서 확인할 수 있다. HTML 파일은 일반적으로 .html 확장자로 저장되며, 텍스트 에디터와 같은 프로그램을 사용하여 작성하고 저장할 수 있다.HTML 파일을 작성할 때는 항상 로 시작해야 한다. 이는 해당 문서가 HTML5 문서임을 선언하는 것이다. 그 다음에는 태그로 전체 문서의 범위를 정의하고, 태그 안에는 문서의 메타 데이터를 넣는다.이어서 태그로 문서의 제목을 지정하.." data-profile-image="https://t1.daumcdn.net/tistory_admin/static/manage/images/r3/default_L.png" data-profile-name="tititino" data-pc-url="https://f3.simlihow.com/1422" data-relative-pc-url="/1422" data-blog-title="pandayo"><span class="ico_postbtn ico_share">공유하기</span></button>
<div class="layer_post" id="tistorySnsLayer"></div>
</div><div class="wrap_btn wrap_btn_etc" data-entry-id="1422" data-entry-visibility="public" data-category-visibility="public"><button type="button" class="btn_post btn_etc2" aria-expanded="false"><span class="ico_postbtn ico_etc">게시글 관리</span></button>
<div class="layer_post" id="tistoryEtcLayer"></div>
</div></div>
<button type="button" class="btn_menu_toolbar btn_subscription #subscribe" data-blog-id="6766382" data-url="https://f3.simlihow.com/1422" data-device="web_pc" data-tiara-action-name="구독 버튼_클릭"><em class="txt_state"></em><strong class="txt_tool_id">pandayo</strong><span class="img_common_tistory ico_check_type1"></span></button><div class="postbtn_ccl" data-ccl-type="1" data-ccl-derive="2">
<a href="https://creativecommons.org/licenses/by-nc-nd/4.0/deed.ko" target="_blank" class="link_ccl" rel="license">
<span class="bundle_ccl">
<span class="ico_postbtn ico_ccl1">저작자표시</span> <span class="ico_postbtn ico_ccl2">비영리</span> <span class="ico_postbtn ico_ccl3">변경금지</span>
</span>
<span class="screen_out">(새창열림)</span>
</a>
</div>
<!--
<rdf:RDF xmlns="https://web.resource.org/cc/" xmlns:dc="https://purl.org/dc/elements/1.1/" xmlns:rdf="https://www.w3.org/1999/02/22-rdf-syntax-ns#">
<Work rdf:about="">
<license rdf:resource="https://creativecommons.org/licenses/by-nc-nd/4.0/deed.ko" />
</Work>
<License rdf:about="https://creativecommons.org/licenses/by-nc-nd/4.0/deed.ko">
<permits rdf:resource="https://web.resource.org/cc/Reproduction"/>
<permits rdf:resource="https://web.resource.org/cc/Distribution"/>
<requires rdf:resource="https://web.resource.org/cc/Notice"/>
<requires rdf:resource="https://web.resource.org/cc/Attribution"/>
<prohibits rdf:resource="https://web.resource.org/cc/CommercialUse"/>
</License>
</rdf:RDF>
--> <div data-tistory-react-app="SupportButton"></div>
</div>
<!-- PostListinCategory - START -->
<!-- PostListinCategory - END -->
</div>
<div class="comments">
<h2>댓글<span class="count"></span></h2>
<div data-tistory-react-app="Namecard"></div>
</div>
</div>
</article>
<aside id="aside" class="sidebar">
<div class="sidebar-1">
<span id='sticky'>
<!-- 카테고리 -->
<nav class="category">
<ul class="tt_category"><li class=""><a href="/category" class="link_tit"> 분류 전체보기 </a></li>
</ul>
</nav>
</span>
</div>
<div class="sidebar-2">
</div>
</aside>
</div>
</section>
<hr>
<footer id="footer">
<div class="inner">
<div class="order-menu">
</div>
<a href="#" class="page-top">TOP</a>
<p class="meta">Designed by 티스토리</p>
<p class="copyright">© Kakao Corp.</p>
</div>
</footer>
</div>
<script src="https://tistory1.daumcdn.net/tistory/6766382/skin/images/script.js?_version_=1747044516"></script>
<!-- loading 화면 HTML Start -->
<div id="loadDiv">
<img src="https://tistory1.daumcdn.net/tistory/6766382/skin/images/bh.gif">
</div>
<!-- loading 화면 HTML End -->
<!--loading 화면 JS Start-->
<script type="text/javascript">
$(window).on('load', function() {
setTimeout(function(){
$("#loadDiv").fadeOut();
}, 150);
$(".lightbox a").attr("href", "#");
$("iframe").attr("title", "adsense");
$("prev no-more-prev").attr("href", "#");
});
</script>
<!--loading 화면 JS End-->
<div class="#menubar menu_toolbar ">
<h2 class="screen_out">티스토리툴바</h2>
</div>
<div class="#menubar menu_toolbar "></div>
<div class="layer_tooltip">
<div class="inner_layer_tooltip">
<p class="desc_g"></p>
</div>
</div>
<div id="editEntry" style="position:absolute;width:1px;height:1px;left:-100px;top:-100px"></div>
<!-- DragSearchHandler - START -->
<script src="//search1.daumcdn.net/search/statics/common/js/g/search_dragselection.min.js"></script>
<!-- DragSearchHandler - END -->
<!-- SyntaxHighlight - START -->
<link href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/styles/atom-one-light.min.css" rel="stylesheet"/><script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/delphi.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/php.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/python.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/r.min.js" defer></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/ruby.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/scala.min.js" defer></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/shell.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/sql.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/swift.min.js" defer></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/typescript.min.js" defer></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/vbnet.min.js" defer></script>
<script>hljs.initHighlightingOnLoad();</script>
<!-- SyntaxHighlight - END -->
<div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-5af129c9bad77eacbfd5eaf682a085696253ed45/static/script/common.js"></script>
<script type="text/javascript">window.roosevelt_params_queue = window.roosevelt_params_queue || [{channel_id: 'dk', channel_label: '{tistory}'}]</script>
<script type="text/javascript" src="//t1.daumcdn.net/midas/rt/dk_bt/roosevelt_dk_bt.js" async="async"></script>
<script>window.tiara = {"svcDomain":"user.tistory.com","section":"글뷰","trackPage":"글뷰_보기","page":"글뷰","key":"6766382-1422","customProps":{"userId":"0","blogId":"6766382","entryId":"1422","role":"guest","trackPage":"글뷰_보기","filterTarget":false},"entry":{"entryId":"1422","entryTitle":"html 저장","entryType":"POST","categoryName":"카테고리 없음","categoryId":"0","serviceCategoryName":null,"serviceCategoryId":null,"author":"5865077","authorNickname":"tititino","blogNmae":"pandayo","image":"","plink":"/1422","tags":[]},"kakaoAppKey":"3e6ddd834b023f24221217e370daed18","appUserId":"null"}</script>
<script type="module" src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/index.js"></script>
<script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/polyfills-legacy.js" nomodule="true" defer="true"></script>
<script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/index-legacy.js" nomodule="true" defer="true"></script>
</body>
</html>