(Basics 03) 제목, 가로줄, 주석

in HTML

SoloLearn HTML 번역


HTML Headings, Lines, Comments

제목, 가로줄, 주석



HTML Headings

HTML 제목


  • HTML includes six levels of headings, which are ranked according to importance.
    • HTML은 중요도에 따라 순위가 매겨진 여섯 가지 레벨의 제목을 포함한다.
    • <h1>, <h2>, <h3>, <h4>, <h5>, <h6>.


  • The following code defines all of the headings:
    • 다음 코드는 모든 제목을 정의한다.
<html>
   <head>
      <title>first page</title>
   </head>
   <body>
      <h1>This is heading 1 </h1>
      <h2>This is heading 2 </h2>
      <h3>This is heading 3 </h3>
      <h4>This is heading 4 </h4>
      <h5>This is heading 5 </h5>
      <h6>This is heading 6 </h6>
   </body>
</html>

코드 실행 확인


  • Result:

img


It is not recommended that you use headings just to make the text big or bold, because search engines use headings to index the webpage structure and content.

검색 엔진이 제목을 사용해서 웹페이지 구조와 내용을 색인하므로, 제목을 크게 또는 굵게 만드는 것은 권장되지 않는다.


Horizontal Lines

가로줄


  • To create a horizontal line, use the <hr /> tag.
    • 가로줄을 만들려면, <hr /> 태그를 사용해라.
<html>
   <head>
      <title>first page</title>
   </head>
   <body>
      <h1>This is heading 1 </h1>
      <h2>This is heading 2 </h2>
      <h3>This is heading 3 </h3>
      <h4>This is heading 4 </h4>
      <h5>This is heading 5 </h5>
      <h6>This is heading 6 </h6>
      <p>This is a paragraph </p>
      <hr />
      <p>This is a paragraph </p>
   </body>
</html>

코드 실행 확인


  • Result:

img


In HTML5, the <hr> tag defines a thematic break.

HTML5에서 <hr> 태그는 주제별 중단을 정의한다.


Comments

주석


  • The browser does not display comments, but they help document the HTML and add descriptions, reminders, and other notes.
    • 브라우저는 주석을 내보이지 않지만, HTML을 문서화, 설명, 상기, 기타 메모를 추가하는 데 도움을 준다.
<!-- 주석이 여기에 들어간다 -->


  • Example:
<html>
   <head>
      <title>first page</title>
   </head>
   <body>
      <p>This is a paragraph </p>
      <hr />
      <p>This is a paragraph </p>
      <!-- This is a comment -->
   </body>
</html>

코드 실행 확인


  • Result:

img


  • As you can see, the comment is not displayed in the browser.
    • 보다시피, 주석은 브라우저에서 내보여지지 않는다.


There is an exclamation point(!) in the opening tag, but not in the closing tag.

여는 태그에는 느낌표(!)가 있지만, 닫는 태그에는 없다.


QUIZ

  • What tags are used to indicate headings?
    • 제목을 나타내는 데 사용되는 태그는 무엇인가?

h1 - h6


  • How do you create a horizontal line in HTML?
    • HTML로 가로줄을 어떻게 만드는가?

<hr />


  • Make the text an HTML comment:
    • 텍스트를 HTML 주석으로 만들어라.
<!-- This is a comment -->