Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

HTML 문서의 기본 최소 구조는 무엇입니까?


HTML 문서는 웹사이트에 콘텐츠를 표시하는 데 도움이 되는 웹 페이지입니다. 여는 태그와 닫는 태그가 있는 태그로 구성됩니다. 그러나 일부 태그는 쌍으로 제공되지 않습니다. 즉, 닫는 태그가 없습니다. 기본 최소 구조에는 추가해야 하는 몇 가지 태그도 있습니다.

HTML 문서의 기본 최소 구조는 무엇입니까?
문서 유형
이것은 HTML 프로그램을 시작하고 로 추가되는 doctype 선언입니다. . 문서에 대해 브라우저에 알리고 지시하기 위해 추가됩니다.
doctype 선언 후 첫 번째는 태그입니다. 다른 모든 HTML 태그는 … 태그가 알려줍니다. 이 태그 안의 모든 태그는 HTML 규칙을 따릅니다.


태그는 …<title> 태그를 사용하여 HTML 문서의 제목을 추가하는 데 도움이 됩니다. <br> <strong><본문></strong> <br> <body> 태그를 사용하면 HTML 문서에 대한 내용이 필요합니다. <p> ...</p> 태그를 사용하여 웹 페이지에 표시되는 문서에 콘텐츠를 추가할 수 있습니다.</P> <h4 style="">예시</h4> <p 스타일=""></P> <pre><!DOCTYPE html> <html>    <head>       <title>HTML Document</title>    </head>    <body>       <p>This is demo text.</p>    </body> </html></pre> <br> </article> <div class="ad5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script><!-- computer.wsxdn --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="4467655591" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div id="turn-page" class="text-over"> <a class='LinkPrevArticle' href='https://kr.wsxdn.com/bz024t/ig252a/1002055375.html' ><head> 요소가 없는 유효한 HTML 문서를 만드는 방법은 무엇입니까? </a> <a class='LinkNextArticle' href='https://kr.wsxdn.com/bz024t/ig252a/1002055377.html' ><style> 태그를 사용하여 HTML 페이지의 스타일 정보를 정의하는 방법은 무엇입니까? </a> </div> </section> <aside class="box-r box4-r"> <h3>JavaScript</h3> <ul> <li> <a href="https://kr.wsxdn.com/bz024t/ig252a/1002055532.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="기본 JavaScript 수학 연산자는 무엇입니까? ">기본 JavaScript 수학 연산자는 무엇입니까? </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/ig252a/1002055682.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="IE4 DOM 메소드의 문서 속성은 무엇입니까? ">IE4 DOM 메소드의 문서 속성은 무엇입니까? </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/ig252a/1002055705.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="JavaScript에서 in 연산자의 사용법은 무엇입니까? ">JavaScript에서 in 연산자의 사용법은 무엇입니까? </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/ig252a/1002056236.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML의 pushState 상태 객체는 정확히 무엇입니까? ">HTML의 pushState 상태 객체는 정확히 무엇입니까? </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/ig252a/1002056556.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML 문서에 스타일 시트 규칙을 포함하는 방법은 무엇입니까? ">HTML 문서에 스타일 시트 규칙을 포함하는 방법은 무엇입니까? </p> </a> </li> </ul> <h3 class="h3-2">컴퓨터</h3> <ul> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002054546.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML 요소를 사용하는 방법 ">HTML 요소를 사용하는 방법 </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/ig252a/1002054898.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML 태그 <div>와 <span>의 차이점은 무엇입니까? ">HTML 태그 <div>와 <span>의 차이점은 무엇입니까? </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/ig252a/1002054913.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에서 id와 name 속성의 차이점은 무엇입니까? ">HTML에서 id와 name 속성의 차이점은 무엇입니까? </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/ig252a/1002057141.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="JavaScript에서 proxy() 객체의 용도는 무엇입니까? ">JavaScript에서 proxy() 객체의 용도는 무엇입니까? </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/ig252a/1002057161.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="JavaScript에서 undefined의 부울 값은 무엇입니까? ">JavaScript에서 undefined의 부울 값은 무엇입니까? </p> </a> </li> </ul> </aside> </section> </div> <ul class="types box4-1 container f-center"> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ol244g/' target="_self">C 프로그래밍</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/fd245y/' target="_self">C++</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/xv246p/' target="_self">Redis</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ig247a/' target="_self">BASH 프로그래밍</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ge248y/' target="_self">Python</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/jh249b/' target="_self">Java</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/yw250q/' target="_self">데이터 베이스</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/hf251z/' target="_self">HTML</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ig252a/' target="_self">JavaScript</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/qo253i/' target="_self">프로그램 작성</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/vs254n/' target="_self">CSS</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/fd255x/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ay256s/' target="_self">SQL</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/yw257q/' target="_self">IOS</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/wu258o/' target="_self">Android</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/nl259f/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/mk260e/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ax261s/' target="_self">C#</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/bz265t/' target="_self">PHP</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/zx271r/' target="_self">SQL Server</a></li> </ul> <footer> <section class="container"> <div class="footer-msg"> <span class="container f-center"> <p class=krf>저작권 © <a href="https://kr.wsxdn.com">https://kr.wsxdn.com</a> 모든 권리 보유</p> </span> </div> </section> </footer> </body> </html>