HTML 문서의 두 가지 주요 부분은 무엇입니까?

문서의 헤드 섹션에는 사이트 제목, 검색 엔진용 키워드, 스크립트 및 페이지 형식 지정에 사용해야 하는 CSS 스타일 시트의 위치가 포함됩니다. 헤드 섹션에 사용되는 일반적인 HTML 태그는 다음과 같습니다.

, <link>, <style> , <meta> 및 <script> 태그.</p> </div><div class="component-article-section-content ui-body article-section-content"><p><title> 태그는 문서의 제목을 정의합니다. <link> 태그는 CSS 파일과 같은 외부 리소스를 문서에 연결합니다. <style> 태그는 문서 스타일을 정의합니다. <meta> 태그는 문서의 작성자, 키워드 및 설명을 정의하는 데 사용됩니다. <script> 태그는 방문자의 컴퓨터에서 실행될 스크립트를 정의합니다. 헤드 섹션이 문서에 배치되지 않은 경우 문서의 내용은 브라우저에 계속 표시됩니다.</p> </div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--mobile"><p class="inline-ad__label ui-label"> 광고 </p> <div class="inline-ad__wrapper"><div id="slot1-3" data-ad-path="/6117/dmd.techwalla.mw/slot1-3" data-ad-batch="1" data-ad-targeting="{"loc":"ad_3 "}" 데이터 광고 크기="[[300,250],[320,50],[320,100]]" 데이터 광고 입찰="참" data-ad-breakpoint="small" data-ad-refresh="false" data-ad-type="gpt" reveAdRefresh="false" class="component-ad-gpt 광고 슬롯 광고 모바일 "></div ></div></div></div><div class="component-article-section-heading article-section-content"><h2 id="body-contents"> 본문 내용 </h2></div><div class="component-article-section-content UI -신체 article-section-content"><p>본문 섹션은 실제 웹 페이지의 형식을 지정하는 데 사용됩니다. 단락 태그(<p>), 앵커 태그(<a>), 표제 태그(<h1> ~ <h6>), 섹션 태그(<div>)와 같은 대부분의 HTML 태그는 문서의 이 섹션. 서버 측 스크립트도 문서의 이 섹션에 있습니다. HTML 문서에 본문 섹션이 없으면 웹 브라우저에 아무 것도 표시되지 않습니다.</p> </div><div class="component-article-section-heading article-section-content"><h2 id="doctype"> DOCTYPE </h2></div><div class="component-article-section-content ui-body article-section-content"><p><html> 태그 사이에 포함되지 않은 유일한 것은 DOCTYPE 선언. 사용하는 경우 HTML 문서의 첫 번째 행이어야 합니다. 문서가 사용 중인 HTML 버전을 웹 브라우저에 알리는 데 사용됩니다. 브라우저는 이 선언을 사용하여 페이지를 올바르게 렌더링합니다. DOCTYPE 선언을 생략할 수 있지만 브라우저가 페이지를 올바르게 표시하지 않을 수 있습니다.</p> </div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--desktop"><!> <div class="inline-ad__wrapper">< div id="인라인1-2" data-ad-path="/6117/dmd.techwalla/inline1-2" data-ad-batch="2" data-ad-targeting="{"loc":"inline_2"}" data-ad-sizes= "[[728,90],[300,250]]" data-ad-bidding="true" data-ad-breakpoint="중형, 대형" data-ad-refresh="false" data-ad-type="gpt" reveAdRefresh="false" class="component-ad-gpt 광고 인라인 광고 데스크탑 ">< /div></div></div></div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--mobile"><p class="inline-ad__label ui-label"> 광고 </p> <div class="inline-ad__wrapper"><div id="slot1-4" data-ad-path="/6117/dmd.techwalla.mw/slot1-4" 데이터 광고 배치="2" 데이터 광고- 타겟팅="{"loc":"ad_4"}" data-ad-sizes="[[300,250],[320,50],[320,100]]" data-ad-bidding="true" data-ad-breakpoint="small" data-ad-refresh="false" 데이터 광고 유형="gpt" reveAdRefresh="거짓" class="component-ad-gpt 광고 슬롯 ad-mobile "></div></div></div></div></article> <!> <div class="component-article-citations 데스크탑- 숨기기 mobile-hide"><div class="citations-heading"><div class="citations-title ui-heading-NN"> 참조 </div> <div class="citations-dropdown"><div class="svg arrow-down-small svg--arrow-down-small"></div></div></div> <div class="citations-list-wrapper"><ul class="citations-list is-hidden"><li 클래스 ="인용 항목 ui-body"><a href=" http://www.w3schools.com/html/html_head.asp" target="_blank" rel="nofollow" class="citations-link"> W3Schools.com: HTML 헤드 요소 </a></li><li class="citations-item ui-body"><a href= " http://www.w3schools.com/tags/tag_meta.asp" target="_blank" rel="nofollow" class="citations-link"> W3Schools.com: HTML < 메타> 태그 </a></li><li class="citations-item ui-body"><a href=" http://www.w3schools.com/tags/tag_body.asp" target="_blank" rel="nofollow" class="citations-link"> W3Schools.com: HTML < 본체> 태그 </a></li><li class="citations-item ui-body"><a href=" http://www.w3schools.com/tags/tag_doctype.asp" target="_blank" rel="nofollow" class="citations-link"> W3Schools.com: HTML <!DOCTYPE> 선언 </a></li></ul></div></div> <!> <!> <!> <div class="component-ads-by-google end-of-article-ads" ><ins data-ad-client="pub-0316265116163263" data-ad-slot="6915260661" data-ad-format="" class="nope"></ins></div> <!> <!></div> <aside class="오른쪽 레일 rrvNN desktop-show mobile-hide"><div class="ad-one"><div class="disclaimer-ad-wrapper" style="top: 20px;"><div class="component-compensation-disclaimer ui-label mobile-hide desktop-show"> Techwalla는 다음을 통해 보상을 받을 수 있습니다. 이 이야기의 제휴사 링크. </div> <div class="ad atf"><div id="rightrail1-1" data-ad-path="/6117/dmd.techwalla/rightrail1-1" data-ad-targeting="{"loc ":"atf"}" 데이터 광고 배치="1" 데이터 광고 중단점="대형" 데이터 광고 유형="gpt" 데이터 광고 새로 고침="true" 데이터 광고 크기="[[300, 250], [300, 600]]"></div></div></ div></div> <div class="component-article-rcp desktop-show mobile-hide desktop-6 mobile-6"><div class="related-content__heading"><h4 class="heading"><span>사람들이 읽고 있습니다.</span></h4></div> <div class="related-content" ><div id="articleWrapper0rcpItem0" class="related-content__item tech-support"><div class="item__section item__section--number"><div> 1 </div> <!> <!> <!> <!> <!> <!>< /div><div class="item__section item__section--title"><!> <!> <!> <a href=" https://www.techwalla.com/articles/how-to-center-an-image-using-html-programming" data-event="rc_right_rail" data-variant="cme" data-info="1" data-label="/articles/how-to-center-an-image-using-html-programming" title="방법 HTML을 사용하여 이미지 중앙에 배치 프로그래밍" class="ui-body"><h5> HTML 프로그래밍을 사용하여 이미지를 중앙에 배치하는 방법 </h5></a> <!> <!> <!></div></div><div id= "articleWrapper0rcpItem1" class="related-content__item tech-support"><div class="item__section item__section--number"><div> 2 </div> <!> <!> <!> <!> <!> <!>< /div><div class="item__section item__section--title"><!> <!> <!> <a href=" https://www.techwalla.com/articles/how-to-use-javascript-to-print-a-pdf" data-event="rc_right_rail" data-variant="cme" data-info="2" data-label="/articles/how-to-use-javascript-to-print-a-pdf" title="방법 JavaScript를 사용하여 인쇄 PDF" class="ui-body"><h5> JavaScript를 사용하여 PDF를 인쇄하는 방법 </h5></a> <!> <!> <!></div></div><div id= "articleWrapper0rcpItem2" class="related-content__item" 기술 지원"><div class="item__section item__section--number"><div> 3 </div> <!> <!> <!> <!> <!> <!></div><div 클래스 ="item__section item__section--title"><!> <!> <!> <a href=" https://www.techwalla.com/articles/how-to-reduce-the-spacing-between-lines-in-html" data-event="rc_right_rail" data-variant="cme" data-info="3" data-label="/articles/how-to-reduce-the-spacing-between-lines-in-html" title=" 줄 사이의 간격을 줄이는 방법 in HTML" class="ui-body"><h5> HTML에서 줄 사이의 간격을 줄이는 방법 </h5></a> <!> <!> <!></div></div><div id="articleWrapper0rcpItem3" class="related-content__item" 기술적으로 부모를 위해"><div class="item__section item__section--number"><div> 4 </div> <!> <!> <!> <!> <!> <!></div>< div class="item__section item__section--title"><!> <!> <!> <a href=" https://www.techwalla.com/articles/what-does-html-stand-for" data-event="rc_right_rail" data-variant="cme" data-info="4" data-label="/articles/what-does-html-stand-for" title="HTML은 무엇을 의미합니까?" class="ui-body"><h5> HTML은 무엇을 의미합니까? </h5></a> <!> <!> <!></div></div><div id="articleWrapper0rcpItem4" class="related-content__item 기술 지원"><div class="item__section item__section--number"><div> 5 </div> <!> <!> <!> <!> <!> <!></div><div class="item__section item__section--title"><! > <!> <!> <a href=" https://www.techwalla.com/articles/how-do-i-make-text-red-in-html" 데이터 이벤트="rc_right_rail" 데이터 변형="cme" 데이터 정보="5" data-label="/articles/how-do-i-make-text-red-in-html" title="HTML에서 텍스트를 빨간색으로 만드는 방법은 무엇입니까?" class="ui-body"><h5> HTML에서 텍스트를 빨간색으로 만드는 방법은 무엇입니까? </h5></a> <!> <!> <!></div></div><div id="articleWrapper0rcpItem5" class="related-content__item 기술 지원"><div class="item__section item__section--number"><div> 6 </div> <!> <!> <!> <!> <!> <!></div><div class="item__section item__section--title"><! > <!> <!> <a href=" https://www.techwalla.com/articles/how-to-type-a-caret-symbol" data-event="rc_right_rail" data-variant="cme" data-info="6" data-label="/articles/how-to-type-a-caret-symbol" title="캐럿 기호 입력 방법 " class="ui-body"><h5> 캐럿 기호를 입력하는 방법 </h5></a> <!> <!> <!></div></div></div></div> <div class="ad-two"><div class="ad btf " 스타일="상단: 20px;"><div id="rightrail1-2" 데이터 광고 경로="/6117/dmd.techwalla/rightrail1-2" data-ad-targeting="{"loc":"btf"}" data-ad-batch="1" data-ad-breakpoint="large" data-ad-type="gpt" data-ad-refresh= "진짜" data-ad-sizes="[[300, 250]]"></div></div></div> <!> <div class="ad-three-four-container"><!> <!></div></aside></div></div></div> <div data-ad-breakpoint="small" 데이터 -ad-logic="접착" data-ad-refresh="false" data-ad-batch="1" data-ad-targeting="{"loc":"adhesion"}" data-ad-path="/6117/dmd.techwalla.mw/"></div> <!> <div class="ad-infinite -scroll"><div id="infscroll-mobile1-1" data-ad-path="/6117/dmd.techwalla.mw/infscroll1-1" data-ad-batch="1" data-ad-targeting="{"loc":"infscroll"}" 데이터 광고- 크기="[[1,2]]" 데이터 광고 입찰="거짓" 데이터 광고 중단점="작은" data-ad-refresh="false" data-ad-type="gpt" class="component-ad-gpt 광고 infscroll 광고 모바일 "></div> <div id="infscroll1-1" 데이터 광고- 경로="/6117/dmd.techwalla/infscroll1-1" 데이터 광고 배치="1" data-ad-targeting="{"loc":"infscroll"}" data-ad-sizes="[[1,2]]" data-ad-bidding="false" data-ad-breakpoint="medium, 대형" data-ad-refresh="false" data-ad-type="gpt" class="component-ad-gpt 광고 infscroll ad-desktop "></div></div></div></div> <div id="brandmetrics1-1" data-ad-type="gpt" data-ad-batch="1" 데이터 -ad-breakpoint="소형, 중형, 대형" data-ad-outofpage="true" data-ad-pathmobile="/6117/dmd.techwalla.mw/brandmetrics1-1" data-ad-pathdesktop="/6117/dmd.techwalla/brandmetrics1-1" data-ad-refresh="false" 데이터 광고 -크기="[[1, 1]]"></div></div></div></div></div></main> <!></div> <div class="component-subscriber-manager"><! > <!> <!> <div id="emailslider1-1" 데이터 광고 경로="/6117/dmd.techwalla/emailslider1-1" data-ad-batch="1" data-ad-targeting="{"loc":""}" data-ad-sizes="[[1,3]]" data-ad-bidding="true" 데이터 -ad-breakpoint="소형, 중형, 대형" data-ad-refresh="false" data-ad-type="gpt" class="component-ad-gpt ad emailslider ad-mobile, 데스크탑 "></div></div></div><script>window.__INITIAL_STATE__={"statusCode":200,"isActiveModal":false,"showPage500":false,"광고":{},"기사" :{"기사":[{"카테고리":{"이름":"기술 지원","slug":"tech-support"},"subcategory":{"name":"Reviews","slug":"reviews"},"body":[{"parts":[{"content ":"\u003Cp\u003EHTML 문서의 두 가지 주요 부분은 헤드와 바디입니다. 각 섹션에는 특정 정보가 포함되어 있습니다. 헤드 섹션에는 웹 브라우저와 검색 엔진에 유용하지만 독자에게는 보이지 않는 정보가 포함되어 있습니다. 본문 섹션에는 방문자에게 보여주고 싶은 정보가 포함되어 있습니다. 문서는 웹 브라우저가 정보를 구문 분석하고 방문자에게 제시할 수 있도록 특별히 형식이 지정됩니다. 올바르게.\u003C\u002Fp\u003E\n"}]},{"parts":[{"content":"\u003Cp\u003E HTML 문서는 올바른 형식이어야 웹 브라우저. 다음은 일반적인 HTML 문서의 일반적인 개요입니다.\u003C\u002Fp\u003E\n"},{"content":"\u003C!DOCTYPE\u003E \u003Chtml\u003E \u003Chead\u003E 웹 브라우저 및 검색 엔진에 대한 정보 \u003C\u002Fhead\u003E \u003Cbody\u003E 독자에게 보이는 콘텐츠 \u003C\u002Fbody\u003E \u003C\u002Fhtml\u003E"},{"content":"\u003Cp\u003E\u003Chead\u003E 태그와 \u003Cbody\u003E 태그가 모두 포함되어 있습니다. 기본 \u003Chtml\u003E 태그 내에 있습니다. 문서를 읽으려면 두 섹션 모두 "<\u002F>" 문자로 끝나야 합니다.\u003C\u002Fp\u003E\n"}],"title":"HTML의 구조 document"},{"parts":[{"content":"\u003Cp\u003E문서의 헤드 섹션에는 사이트 제목, 검색 엔진용 키워드, 스크립트 및 CSS 스타일 시트의 위치가 포함됩니다. 페이지 형식을 지정하는 데 사용해야 합니다. 헤드 섹션에 사용되는 일반적인 HTML 태그에는 \u003Ctitle\u003E, \u003Clink\u003E, \u003Cstyle\u003E, \u003Cmeta\u003E 및 \u003Cscript\u003E tags.\u003C\u002Fp\u003E\n"},{"content":"\u003Cp\u003E\u003Ctitle\u003E 태그는 제목을 정의합니다. 문서. \u003Clink\u003E 태그는 CSS 파일과 같은 외부 리소스를 문서에 연결합니다. \u003Cstyle\u003E 태그는 문서 스타일을 정의합니다. \u003Cmeta\u003E 태그는 문서의 작성자, 키워드 및 설명을 정의하는 데 사용됩니다. \u003Cscript\u003E 태그는 방문자의 컴퓨터에서 실행될 스크립트를 정의합니다. 헤드 섹션이 문서에 배치되지 않은 경우 문서의 내용은 여전히 브라우저.\u003C\u002Fp\u003E\n"}],"title":"Head Contents"},{"parts":[{"content":"\u003Cp\u003E본문 섹션은 형식을 지정하는 데 사용됩니다. 실제 웹 페이지. 단락 태그(\u003Cp\u003E), 앵커 태그(\u003Ca\u003E), 제목과 같은 대부분의 HTML 태그 태그(\u003Ch1\u003E ~ \u003Ch6\u003E) 및 섹션 태그(\u003Cdiv\u003E)는 이 섹션에서 사용됩니다. 문서. 서버 측 스크립트도 문서의 이 섹션에 있습니다. HTML 문서에 본문 섹션이 없으면 웹에 아무 것도 표시되지 않습니다. 브라우저.\u003C\u002Fp\u003E\n"}],"title":"Body Contents"},{"parts":[{"content":"\u003Cp\u003E \u003Chtml\u003E 태그는 DOCTYPE 선언입니다. 사용하는 경우 HTML 문서의 첫 번째 행이어야 합니다. 문서가 사용 중인 HTML 버전을 웹 브라우저에 알리는 데 사용됩니다. 브라우저는 이 선언을 사용하여 페이지를 올바르게 렌더링합니다. DOCTYPE 선언을 생략할 수 있지만 브라우저에서 페이지를 표시하지 않을 수 있습니다. HTML 문서의 두 가지 주요 부분은 무엇입니까?","page_title":"HTML의 두 가지 주요 부분은 무엇입니까? HTML 헤드 요소"},{"url":"http:\u002F\u002Fwww.w3schools.com\u002Ftags\u002Ftag_meta.asp","title":"W3Schools.com: HTML <메타> 태그"},{"url":"http:\u002F\u002Fwww.w3schools.com\u002Ftags\u002Ftag_body.asp","title":"W3Schools.com: HTML <본문> 태그"},{"url":"http:\u002F\u002Fwww.w3schools.com\u002Ftags\u002Ftag_doctype.asp","title":"W3Schools.com: HTML <!DOCTYPE> 선언"}],"리소스":[],"slug":"\u002Farticles\u002Fwhat-are-the-two-main-parts-of-an-html-document","studio_id":"c3e12530-5681- 40e5-89ca-09db1f984f65","summary":"두 가지 주요 HTML 문서의 일부는 머리와 본문입니다. 각 섹션에는 특정 정보가 포함되어 있습니다. 헤드 섹션에는 웹 브라우저와 검색 엔진에 유용하지만 독자에게는 보이지 않는 정보가 포함되어 있습니다. 본문 섹션에는 방문자에게 보여주고 싶은 정보가 포함되어 있습니다.","tags":["Group 5","구성 가능한 템플릿"],"title":"What Are HTML의 두 가지 주요 부분 문서?","title_id":37505,"유형":"기사","작가":{"_id":"www.demandstudios.com\u002Fcontributor\u002F8329c089-06a1-45d5-b803-b25f77fd955c": "크리스틴 Waters","bio":"Kristen Waters는 2004년부터 컴퓨터 업계에 글을 써왔습니다. 그녀는 크고 작은 컴퓨터 회사를 위한 교육 자료와 많은 온라인 출판물에 대한 방법 및 유익한 기사를 저술했습니다. 그녀는 York College of Pennsylvania와 University of Pennsylvania에서 이학 학사 학위를 받았습니다. HTML 문서의 두 가지 주요 부분입니까?"}]}],"keywords":["HTML 문서 섹션","HTML 본문 섹션","HTML 헤드 HTML 문서의 두 가지 주요 부분은 헤드와 본문입니다. 각 섹션에는 특정 정보가 포함되어 있습니다. 헤드 섹션에는 웹 브라우저와 검색 엔진에 유용하지만 독자에게는 보이지 않는 정보가 포함되어 있습니다. 본문 섹션에는 방문자에게 보여주고 싶은 정보가 포함되어 있습니다. 문서는 웹 브라우저가 정보를 구문 분석하고 방문자에게 제시할 수 있도록 특별히 형식이 지정됩니다. 올바르게.\u003C\u002Fp\u003E\n"},{"type":"ad-mobile","content":{"loc":"ad_1","slot":"slot","slotNumber":1 ,"크기":[[300,250],[320,50],[320,100]]}},{"유형":"제목","내용":{"제목":"구조 HTML 문서","formatted_title":""}},{"type":"content","content":"\u003Cp\u003EHTML 문서는 웹 브라우저에서 읽을 수 있도록 올바른 형식이어야 합니다. 다음은 일반적인 HTML 문서의 일반적인 개요입니다.\u003C\u002Fp\u003E\n"},{"type":"jwplayer","content":{"advertisingTag":"https:\u002F\u002Fpubads.g .doubleclick.net\u002Fgampad\u002유행? \u003Chtml\u003E \u003Chead\u003E 웹 브라우저 및 검색 엔진에 대한 정보 \u003C\u002Fhead\u003E \u003Cbody\u003E 독자가 볼 수 있는 콘텐츠 \u003C\u002Fbody\u003E \u003C\u002Fhtml\u003E"},{"type":"content","content":"\u003Cp\u003E\u003Chead\u003E 태그와 \u003Cbody\u003E 태그는 모두 기본 \u003Chtml\u00 내에 포함되어 있습니다. 꼬리표. 두 섹션 모두 문서가 "<\u002F>" 문자로 종료되어야 합니다. read.\u003C\u002Fp\u003E\n"},{"type":"ad-mobile","content":{"loc":"ad_2","slot":"slot","slotNumber":2 ,"크기":[[300,250],[320,50],[320,100]]}},{"유형":"제목","내용":{"제목":"머리 Contents","formatted_title":""}},{"type":"content","content":"\u003Cp\u003E문서의 헤드 섹션에는 사이트 제목, 검색 엔진용 키워드, 스크립트 및 페이지 서식을 지정하는 데 사용해야 하는 CSS 스타일시트의 위치입니다. 헤드 섹션에 사용되는 일반적인 HTML 태그에는 \u003Ctitle\u003E, \u003Clink\u003E, \u003Cstyle\u003E, \u003Cmeta\u003E 및 \u003Cscript\u003E tags.\u003C\u002Fp\u003E\n"},{"type":"content","content":"\u003Cp\u003E\u003Ctitle\u003E 태그는 문서. \u003Clink\u003E 태그는 CSS 파일과 같은 외부 리소스를 문서에 연결합니다. \u003Cstyle\u003E 태그는 문서 스타일을 정의합니다. \u003Cmeta\u003E 태그는 문서의 작성자, 키워드 및 설명을 정의하는 데 사용됩니다. \u003Cscript\u003E 태그는 방문자의 컴퓨터에서 실행될 스크립트를 정의합니다. 헤드 섹션이 문서에 배치되지 않은 경우 문서의 내용은 여전히 브라우저.\u003C\u002Fp\u003E\n"},{"type":"ad-mobile","content":{"loc":"ad_3","slot":"slot","slotNumber":3 ,"크기":[[300,250],[320,50],[320,100]]}},{"유형":"제목","내용":{"제목":"본문 Contents","formatted_title":""}},{"type":"content","content":"\u003Cp\u003E본문 섹션은 실제 웹 페이지의 형식을 지정하는 데 사용됩니다. 단락 태그(\u003Cp\u003E), 앵커 태그(\u003Ca\u003E), 제목과 같은 대부분의 HTML 태그 태그(\u003Ch1\u003E ~ \u003Ch6\u003E) 및 섹션 태그(\u003Cdiv\u003E)는 이 섹션에서 사용됩니다. 문서. 서버 측 스크립트도 문서의 이 섹션에 있습니다. HTML 문서에 본문 섹션이 없으면 웹에 아무 것도 표시되지 않습니다. 브라우저.\u003C\u002Fp\u003E\n"},{"type":"title","content":{"title":"DOCTYPE","formatted_title":""}},{"type":" content","content":"\u003Cp\u003E 유일한 것은 \u003Chtml\u003E 태그 사이에 DOCTYPE 선언이 포함됩니다. 사용하는 경우 HTML 문서의 첫 번째 행이어야 합니다. 문서가 사용 중인 HTML 버전을 웹 브라우저에 알리는 데 사용됩니다. 브라우저는 이 선언을 사용하여 페이지를 올바르게 렌더링합니다. DOCTYPE 선언을 생략할 수 있지만 브라우저에서 페이지를 표시하지 않을 수 있습니다. HTML의 두 가지 주요 부분 문서?","슬러그":"\u002Farticles\u002Fwhat-are-the-two-main-parts-of-an-html-document","image":{"caption":""},"summary": "HTML의 두 가지 주요 부분 문서는 머리와 몸입니다. 각 섹션에는 특정 정보가 포함되어 있습니다. 헤드 섹션에는 웹 브라우저와 검색 엔진에 유용하지만 독자에게는 보이지 않는 정보가 포함되어 있습니다. 본문 섹션에는 방문자에게 원하는 정보가 포함되어 있습니다. Team","bio":"","writer_id":"www.demandstudios.com\u002Fcontributor\u002F667e9228-72d4-48ee-ad46-1ca4c9911aab"},"title":"HTML 프로그래밍을 사용하여 이미지를 가운데에 맞추는 방법", "카테고리":{"이름":"기술 지원","slug":"tech-support"},"subcategory":{"name":"어떻게 1"],"title_id":9321,"summary":"웹 페이지 코더는 하이퍼텍스트 마크업 언어를 사용하여 웹 브라우저에 단락, 제목 또는 Smith","bio":"","writer_id":"www.demandstudios.com\u002Fcontributor\u002F9daedf9f-3cbb-4c49-85a2-349b732baab3"},"title":"JavaScript를 사용하여 PDF를 인쇄하는 방법", "카테고리":{"이름":"기술 지원","slug":"tech-support"},"subcategory":{"name":"어떻게 프레임","PDF 인쇄","웹 개발","JavaScript로 인쇄"],"tags":["그룹 9"],"title_id":33574,"summary":" 직접 찾은 코드를 사용하여 PDF 파일 인쇄 귀하의 웹 페이지 내에서. 대안은 뷰어가 PDF 파일을 다운로드하도록 하고 PDF 파일을 연 다음 Adobe와 같은 다른 프로그램에서 인쇄하는 것입니다. Graham","bio":"Richard Graham은 2007년부터 경제학자이자 교육자로서 전문적으로 일해 왔습니다. 그는 또한 녹색 기술 개발에 중점을 둔 소규모 비즈니스 및 조직의 컨설턴트로 일하고 있습니다. Graham은 다음에서 과학 학사 학위를 취득했습니다. HTML에서 줄 사이의 간격을 줄이려면","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"How 웹사이트 간격","줄 간격 HTML","줄 높이 HTML"],"tags":["그룹 7"],"title_id":25692,"summary":"HTML을 사용하면 기본 웹 페이지 및 제어하다 글꼴, 텍스트 크기, 색상 및 줄 간격을 포함한 이러한 페이지의 다양한 속성. 줄 사이의 간격을 줄이는 것은 웹 페이지를 압축해야 하거나 미적 감각을 위해 공백을 줄여야 하는 경우에 유용할 수 있습니다. 이유.","source":"cme","position":3},{"image":{"alttext":"HTML 웹 Claerr","bio":"Jennifer Claerr는 Demand Studios, NBC5i.com, Texas.com 및 PC.com과 같은 온라인 사이트에 글을 쓴 웹 작가입니다. 그녀는 알링턴에 있는 텍사스 대학교에서 미술 학위를 받았습니다. 그녀는 휴일, 건강 및 피트니스, 여행, 컴퓨터 및 HTML은 다음을 의미합니까?","category":{"name":"기술적으로 태그 의미","html이란","html 설명"],"tags":["그룹 3"],"title_id":37685,"summary":"HTML은 하이퍼텍스트 마크업 언어를 나타내며, 생성하는 데 사용되는 언어입니다. 전세계 문서 편물. HTML은 태그와 속성을 사용하여 웹 브라우저에 웹 페이지에 텍스트, 하이퍼링크 및 이미지를 표시하는 방법과 사용자가 상호 작용합니다.","source":"cme"},{"image":{"alttext":"HTML Wayne","bio":"David Wayne은 2010년부터 글을 쓰고 있으며 텍사스의 여러 지역 신문에 기술 칼럼이 실렸습니다. Wayne은 2005년 University of Houston을 졸업하고 미국에서 학사 학위를 받았습니다. Small.jpg","writer_id":"www.demandstudios.com\u002Fcontributor\u002F579c0246-8a73-4826-b8fc-d7cb70f46145"},"title":"텍스트를 빨간색으로 만드는 방법 HTML?","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"어떻게 4.01 doctype","internal CSS HTML","HTML5 deprecated tags"],"tags":["Group 2"],"title_id":6420,"summary":"HTML은 다음을 지정하는 태그라는 예약 키워드 시스템을 사용합니다. 글꼴 스타일, 색상 및 정렬과 같은 요소 속성. HTML 4.01 및 이전 버전에서 <font> 태그는 단일 텍스트 블록의 Buleen","bio":"Chad Buleen은 10년 이상의 경력을 가진 전문 언론인 협회(Society of Professional Journalists) 상을 수상한 신문 기자이자 잡지 편집자입니다. 그는 국제 아동 출판물의 선임 잡지 편집자입니다. Buleen은 Brigham Young에서 인쇄 저널리즘에 중점을 둔 커뮤니케이션 학사 학위를 취득했습니다. 캐럿 기호를 입력하려면","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"How 캐럿 키","유형 캐럿 기호","캐럿 기호 삽입"],"태그":["그룹 5"],"title_id":32081,"summary":"게시 필드의 편집자는 캐럿 기호를 사용하여 다음을 나타냅니다. 페이지에 뭔가 빠진 부분이 있다는 것입니다. 예를 들어, 단어에 필요한 문자가 없어서 철자가 틀린 경우 편집기는 바로 아래에 필요한 문자와 함께 캐럿을 삽입할 수 있습니다. Team","bio":"","writer_id":"www.demandstudios.com\u002Fcontributor\u002F667e9228-72d4-48ee-ad46-1ca4c9911aab"},"title":"HTML을 사용하여 이미지를 가운데에 맞추는 방법 프로그래밍","카테고리":{"이름":"기술 지원","슬러그":"tech-support"},"subcategory":{"이름":"어떻게 1"],"title_id":9321,"summary":"웹 페이지 코더는 하이퍼텍스트 마크업 언어를 사용하여 웹 브라우저에 단락, 제목 또는 Smith","bio":"","writer_id":"www.demandstudios.com\u002Fcontributor\u002F9daedf9f-3cbb-4c49-85a2-349b732baab3"},"title":"JavaScript를 사용하여 PDF를 인쇄하는 방법", "카테고리":{"이름":"기술 지원","slug":"tech-support"},"subcategory":{"name":"어떻게 프레임","PDF 인쇄","웹 개발","JavaScript로 인쇄"],"tags":["그룹 9"],"title_id":33574,"summary":" 있는 코드를 사용하여 PDF 파일 인쇄 웹 페이지 내에서 직접. 대안은 뷰어가 PDF 파일을 다운로드하도록 하고 PDF 파일을 연 다음 Adobe와 같은 다른 프로그램에서 인쇄하는 것입니다. Graham","bio":"Richard Graham은 2007년부터 경제학자이자 교육자로서 전문적으로 일해 왔습니다. 그는 또한 녹색 기술 개발에 중점을 둔 소규모 비즈니스 및 조직의 컨설턴트로 일하고 있습니다. Graham은 다음에서 과학 학사 학위를 취득했습니다. HTML에서 줄 사이의 간격을 줄이려면","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"How 웹사이트 간격","줄 간격 HTML","줄 높이 HTML"],"tags":["그룹 7"],"title_id":25692,"summary":"HTML을 사용하면 기본 웹 페이지 및 제어하다 글꼴, 텍스트 크기, 색상 및 줄 간격을 포함한 이러한 페이지의 다양한 속성. 줄 사이의 간격을 줄이는 것은 웹 페이지를 압축해야 하거나 미적 감각을 위해 공백을 줄여야 하는 경우에 유용할 수 있습니다. 이유.","source":"cme","position":3},{"image":{"alttext":"HTML 웹 Claerr","bio":"Jennifer Claerr는 Demand Studios, NBC5i.com, Texas.com 및 PC.com과 같은 온라인 사이트에 글을 쓴 웹 작가입니다. 그녀는 알링턴에 있는 텍사스 대학교에서 미술 학위를 받았습니다. 그녀는 휴일, 건강 및 피트니스, 여행, 컴퓨터 및 HTML은 다음을 의미합니까?","category":{"name":"기술적으로 태그 의미","html이란","html 설명"],"tags":["그룹 3"],"title_id":37685,"summary":"HTML은 하이퍼텍스트 마크업 언어를 나타내며, 생성하는 데 사용되는 언어입니다. 전세계 문서 편물. HTML은 태그와 속성을 사용하여 웹 브라우저에 웹 페이지에 텍스트, 하이퍼링크 및 이미지를 표시하는 방법과 사용자가 상호 작용합니다.","source":"cme"},{"image":{"alttext":"HTML Wayne","bio":"David Wayne은 2010년부터 글을 쓰고 있으며 텍사스의 여러 지역 신문에 기술 칼럼이 실렸습니다. Wayne은 2005년 University of Houston을 졸업하고 미국에서 학사 학위를 받았습니다. Small.jpg","writer_id":"www.demandstudios.com\u002Fcontributor\u002F579c0246-8a73-4826-b8fc-d7cb70f46145"},"title":"텍스트를 빨간색으로 만드는 방법 HTML?","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"어떻게 4.01 doctype","internal CSS HTML","HTML5 deprecated tags"],"tags":["Group 2"],"title_id":6420,"summary":"HTML은 다음을 지정하는 태그라는 예약 키워드 시스템을 사용합니다. 글꼴 스타일, 색상 및 정렬과 같은 요소 속성. HTML 4.01 및 이전 버전에서 <font> 태그는 단일 텍스트 블록의 Buleen","bio":"Chad Buleen은 10년 이상의 경력을 가진 전문 언론인 협회(Society of Professional Journalists) 상을 수상한 신문 기자이자 잡지 편집자입니다. 그는 국제 아동 출판물의 선임 잡지 편집자입니다. Buleen은 Brigham Young에서 인쇄 저널리즘에 중점을 둔 커뮤니케이션 학사 학위를 취득했습니다. 캐럿 기호를 입력하려면","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"How 캐럿 키","유형 캐럿 기호","캐럿 기호 삽입"],"태그":["그룹 5"],"title_id":32081,"summary":"게시 필드의 편집자는 캐럿 기호를 사용하여 다음을 나타냅니다. 페이지에 뭔가 빠진 부분이 있다는 것입니다. 예를 들어, 단어에 필요한 문자가 없어서 철자가 틀린 경우 편집기는 바로 아래에 필요한 문자와 함께 캐럿을 삽입할 수 있습니다. 인라인 블록; 최소 너비: 320px; 최대 너비: 1200px; 너비: 100%; 높이: 450px"},"linkUnit":{"데스크톱":{"clientId":"ca-pub-0316265116163263","slotId":"4465103631","스타일":"디스플레이: 인라인- 블록; 너비: 440px; 높이: 200px"},"모바일":{"clientId":"ca-pub-0316265116163263","slotId":"9816821440","스타일":"디스플레이: 블록; 전환: 없음 0은 0을 완화합니다. 개요: 없음; 테두리: 없음; 패딩: 0px; 테두리 간격: 0px; 키: 이 제휴사 링크를 통해 보상을 받을 수 있습니다 ~이다 ~이다 443","externalDomain":"https:\u002F\u002Fapi.techwalla.com: & 가제트 리뷰, 메타 점수 및 권장 사항","description":"온 가족을 위해 간단해진 기술.","info":[{"property":"og: site_name","content":"Techwalla"},{ "속성":"fb: app_id","content":"1578283302422712"},{"property":"fb: pages","content":"1116406528374498"},{"name":"twitter: 8080","제목":"테크왈라"},"lazyLoaderSetting":{"rootMargin":"50% 0% 100% -results- "\u003Cspan\u003E-searchTerm-\u003C\u002Fspan\u003E"","inputPlaceholderValue":"검색할 유형","noResultsCopy":"최신 내용 확인 어린이를 위한 최신 기술 가제트 또는 최고의 기술 거래에 대해 자세히 알고 싶으십니까? Techwalla는 정직한 제품 기록, 판매 범위 및 더.","영웅":"\u002Fimages\u002FcategoriesHeros\u002Fshop.png"},"선물 안내":{"이름":"선물 안내","슬러그":"선물 안내","제목": "선물 Guides","type":"subcategory","description":"유아를 위한 최고의 기술 선물을 원하든 스마트 홈 광신자를 위한 선물을 원하든, 저희가 준비했습니다. 전문 선물 가이드와 함께.","영웅":"\u002Fimages\u002FcategoriesHeros\u002Fshop.png","parent":{"name":"Shop","slug":"shop"}},"tech-toys" :{"이름":"기술 Toys","slug":"tech-toys","title":"Tech Toys","type":"subcategory","description":"기술에 정통하고 교육적인 자녀를 위한 선물을 원하십니까? 우리는 당신의 아이들을 위한 최고의 STEM 및 STEAM 선물에 대한 기사로 덮여 있습니다. 인생.","영웅":"\u002Fimages\u002FcategoriesHeros\u002Fshop.png","parent":{"name":"Shop","slug":"shop"}},"tech-on-a-budget ":{"name":"예산 기술","slug":"tech-on-a-budget","title":"기술 예산","유형":"하위 범주","설명":"최신 iPhone을 원하지만 예산에 맞지 않습니까? 귀하의 예산에 맞는 최고의 기술 거래와 라이프스타일.","영웅":"\u002Fimages\u002FcategoriesHeros\u002Fshop.png","parent":{"name":"Shop","slug":"shop"}},"smart-life":{" name":"스마트 라이프","slug":"스마트 라이프","title":"스마트 Life","type":"category","description":"최신 스마트하고 가족 친화적인 가제트 리뷰, 멋진 앱 기록, 여행 조언 등을 통해 Techwalla는 삶을 조금이나마 도와줍니다. 더 똑똑합니다.","영웅":"\u002Fimages\u002FcategoriesHeros\u002FsmartLife.png"},"가제트":{"이름":"가제트","슬러그":"가제트","제목":"가제트"," type":"subcategory","description":"자세히 알아보기 정직한 권장 사항과 최신 기술 적용 범위가 포함된 최신 기술 가제트.","hero":"\u002Fimages\u002FcategoriesHeros\u002FsmartLife.png","parent":{"name":"Smart Life","slug":"smart-life"}},"cool-apps":{"name":"Cool Apps","slug":"cool-apps","title":"Cool Apps", "type":"subcategory","description":"가장 멋진 교육에 대한 더 많은 뉴스를 원하는지 여부 자녀를 위한 앱 또는 생산성에 도움이 되는 최고의 앱에 대한 솔직한 리뷰, 모든 것이 있습니다.","hero":"\u002Fimages\u002FcategoriesHeros\u002FsmartLife.png","parent":{"name": "똑똑한 Life","slug":"smart-life"}},"travel":{"name":"Travel","slug":"travel","title":"Travel","type":"subcategory ","description":"Techwalla에서는 최고의 여행 기술을 정직하게 소개합니다. 당신과 당신 가족의 삶과 여행을 더 쉽게 만드는 데 도움이 되는 여행 상품 및 팁.","hero":"\u002Fimages\u002FcategoriesHeros\u002FsmartLife.png","parent":{"name":"Smart Life","slug":"smart-life"}},"smartphones":{"name":"Smartphones","slug":"smartphones","title":"스마트폰","type":"subcategory ","description":"진정한 리뷰와 최신 뉴스를 제공합니다. 스마트폰, iPhone, Android, 어린이용 전화 등.","hero":"\u002Fimages\u002FcategoriesHeros\u002FsmartLife.png","parent":{"name":"Smart Life","slug":"smart-life"}},"technically-for-parents":{"name":"Technically for 부모님","slug":"technically-for-parents","title": "기술적으로 부모를 위한","유형":"범주","설명":"보낸 사람 온라인 안전 팁에 대한 새로운 기술 교육 리소스를 다루는 기사, 기술에 정통한 사람이 되기 위해 알아야 할 모든 것이 있습니다. 부모.","영웅":"\u002Fimages\u002FcategoriesHeros\u002FtechnicallyForParents.png"},"교육":{"이름":"교육","슬러그":"교육","제목":"교육"," 유형":"하위 범주","설명":"보낸 사람 STEM 및 STEAM 리소스에 대한 교육 앱 리뷰를 통해 복잡한 교육 기술 세계를 탐색하고 자녀의 정보에 기반한 결정을 내릴 수 있도록 도와드립니다. 교육.","영웅":"\u002Fimages\u002FcategoriesHeros\u002FtechnicallyForParents.png","parent":{"name":"기술적으로 부모님","slug":"technically-for-parents"}},"online-safety":{"name":"Online Safety","slug":"online-safety","title":"온라인 안전 ","type":"subcategory","description":"Techwalla에서 제공하는 기술, 온라인 및 더.","영웅":"\u002Fimages\u002FcategoriesHeros\u002FtechnicallyForParents.png","parent":{"name":"Technically for 부모님","slug":"technically-for-parents"}},"tech -지원":{"이름":"기술 지원","슬러그":"기술 지원","제목":"상점","유형":"카테고리","설명":"Techwalla는 기술 조언을 위한 원스톱 상점입니다. 단계별 사용 방법부터 리뷰 등에 이르기까지 귀하와 귀하의 가족이 계속 연결되고 생산적입니다.","영웅":"\u002Fimages\u002FcategoriesHeros\u002FtechSupport.png"},"방법":{"이름":"방법","슬러그":"방법","제목": "방법","유형":"하위 범주","설명":"보낸 사람 전화 문제 해결을 위해 프린터를 재설정하는 데 도움이 되는 기사 Techwalla에서 기술을 이해하는 데 도움을 드립니다. 문제","영웅":"\u002Fimages\u002FcategoriesHeros\u002FtechSupport.png","부모":{"이름":"기술 지원","slug":"tech-support"}},"reviews":{"name":"Reviews","slug":"reviews","title":"Reviews","type":"subcategory ","description":"테크왈라에서는 정직한 제품을 제공합니다. 권장 사항을 통해 기술, 생활 및 구매에 대한 정보를 가장 많이 얻을 수 있습니다. 결정.","영웅":"\u002Fimages\u002FcategoriesHeros\u002FtechSupport.png","부모":{"이름":"기술 지원","slug":"tech-support"}},"entertainment":{"name":"Entertainment","slug":"entertainment","title":"Entertainment","type":"카테고리 ","description":"새로운 기능 다양한 플랫폼에서 스트리밍되는 최고의 콘텐츠를 다루는 월간 기사에 이르기까지 소셜 미디어에 귀하가 있습니다. ","영웅":"\u002Fimages\u002FcategoriesHeros\u002FentertainmentImage.png"},"whats-streaming":{"name":"What's Streaming","slug":"whats-streaming","title": "뭐야 Streaming","type":"subcategory","description":"오늘 밤에 무엇을 보아야 할지 고민이신가요? Techwalla에서는 스트리밍 기준에 대한 주간 및 월간 기사를 제공합니다. 플랫폼.","영웅":"\u002Fimages\u002FcategoriesHeros\u002FentertainmentImage.png","parent":{"name":"Entertainment","slug":"entertainment"}},"소셜 미디어":{" 이름":"소셜 미디어","슬러그":"소셜 미디어","제목":"소셜 미디어","유형":"하위 범주","설명":"소셜 미디어의 최신 정보를 알고 싶으십니까? 가족과의 연결을 유지하고 가족 친화적인 소셜 플랫폼 및 (1)","arrow_background_color":"#2E2E30","image_url":"","image_altText":"","has_logo":true,"custom_logo_url":"","custom_logo_height":0,"custom_logo_width" :0,"heading_text":"구독 home 영감","body_text":"사용 방법 및 모든 최신 정보 s;(s=document.currentScript||document.scripts[document.scripts.length-1]).parentNode.removeChild(s);}());</script> </body> <script type="text /javascript"> window.reve = window.reve || {}; window.reve.cmd = window.reve.cmd || []; function loadReve() { const gptTargeting = window.lg.gptTargeting || {} gptTargeting.lg_uuid = window.lg.utils.getPublisherProvidedID() gptTargeting.experiment = window.lg.testpool window.reve.cmd.push(() => { window.reve.setState('gptTargeting', gptTargeting); window.reve.setState('permutiveTargeting', window.lg.permutiveTargeting); }) const reveScript = document.createElement('스크립트'); reveScript.src = ' https://reve.leafmedia.io/techwalla.js'; reveScript.defer = true document.head.appendChild(reveScript); } setTimeout(() => { loadReve() }, 2500) </script> <script data-id="lg-pagespeed" type="text/javascript"> // 인스타나(함수(s, t, a, n){s[t]||(s[t]=a, n=s[a]=function(){nqpush(인수)}, nq=[],nv=2,nl= 1*새 날짜)})(window,"InstanaEumObject","ineum"); 이음('reportingUrl', ' https://eum-red-saas.instana.io'); ineum('키', window.lg.instanaApiKey); 이음('트랙세션'); ineum('ignoreUrls', [/(localhost|cm\d\d\d\d).*/]); 하자 isAppLazyLoaded = 거짓; // 값은 기초 비용으로 대체됩니다. LAZY_LOAD TIMER = 5000; const lazyLoadEvents = ['마우스다운', '스크롤', '터치스타트']; 함수 lazyLoadApp() { if (isAppLazyLoaded) { 반환; } isAppLazyLoaded = true; // 제거하지 않음, 키워드가 기금 함수에서 str.replaced됨 insertAfter(el, referenceNode) {referenceNode.parentNode.insertBefore(el, referenceNode.nextSibling);} var lastScript = document.querySelector('스크립트[data-id="lg-pagespeed"]'); [[]].forEach(함수(src){ var s = document.createElement("스크립트"); s.setAttribute("비동기", 참); s.src = src; insertAfter(s, lastScript); 마지막 스크립트 = s; }); if (window.location.search.indexOf('vue=false') -1 && 1 ) { ['"/dist/manifest_2797b390f2f2298568a8.js','"/dist/vendors~app_2797b390f2f2298568a8.js','"/dist/app_2797b390f2f28985'8. (함수(src){ src=src.replace('"', '') var s = document.createElement("스크립트"); s.setAttribute("교차 출처", "익명"); s.setAttribute("비동기", 참); s.src = src; insertAfter(s, lastScript); 마지막 스크립트 = s; }); } lazyLoadEvents.forEach (event => { // '마우스다운', '스크롤', '터치스타트' window.removeEventListener(이벤트, lazyLoadApp) }) } lazyLoadEvents.forEach(event => { // '마우스다운', '스크롤', '터치스타트' window.addEventListener(event, lazyLoadApp) }) setTimeout(lazyLoadApp, LAZY_LOAD_TIMER); </script> <script> setTimeout(() => { const articleImageObserver = new IntersectionObserver((entries) => { entries.forEach (항목 => { const 대상 = entry.target const srcset = target.getAttribute('data-srcset') target.setAttribute('srcset',srcset) }) }, {rootMargin:"0px 0px 50% 0px", 임계값: 0}) const firstImage = document.querySelectorAll('source[data-base64]') if (firstImage.length) { firstImage.forEach (요소 => articleImageObserver.observe(요소)) } }, 500); </스크립트> </html>