HTML 요소란 무엇입니까? 어떻게 만드나요?

HTML 요소는 HTML 문서의 빌딩 블록입니다.
HTML 요소는 여는 태그 + 내용 + 닫는 태그로 구성됩니다.

HTML 요소의 예:

<p>This is a paragraph.</p>


  • <p>는 여는 태그입니다.
  • 이것은 단락입니다. 내용입니다.
  • </p>는 닫는 태그입니다.

  • 중첩된 HTML 요소



    HTML 요소는 중첩될 수 있습니다. 한 요소가 다른 요소 안에 배치될 수 있음을 의미합니다.

    다음 예제에는 6개의 HTML 태그가 포함되어 있습니다.
    <html> , <head> , <title> , <body> , <p><br>:

    <html>
     <head>
      <title>first page</title>
     </head>
     <body>
      <p>This is a paragraph <br>new line</p>
     </body>
    </html>
    

    <p> 태그, <br> 태그 및 내용 텍스트는 모두 위 샘플의 본문 요소 내에 중첩되어 있습니다.
    <br> 요소와 같은 일부 HTML 요소에는 내용이 없으며 종료 태그가 필요하지 않습니다. 이를 빈 요소라고 합니다. 그만큼
    태그는 단락에서 줄 바꿈을 정의합니다.

    중첩된 요소의 다른 예:

    <p>This is <em>Emphasize</em> text</p>
    <p>This is <b>bold</b> text</p>
    


    위의 예에서 <em><b> 요소는 <p> 요소 안에 중첩됩니다.

    기본 요소



    다음은 보게 될 HTML 페이지의 기본 요소입니다.
    <h1> , <h2> , <h3> , <h4> , <h5>
    태그는 텍스트 헤더를 나타내는 데 사용됩니다.
    <p> 태그는 단락을 나타내는 데 사용됩니다.
    <hr> 태그는 가로 눈금자를 나타내는 데 사용됩니다.
    <a>(앵커) 태그는 링크를 나타내는 데 사용됩니다.

    태그 <ul>(정렬되지 않은 목록), <ol>(정렬된 목록) 및 <li>(목록 요소)는 목록을 나타내는 데 사용됩니다.
    <img> 태그는 이미지를 나타내는 데 사용됩니다.
    <div> 태그는 HTML 문서의 구분 또는 섹션을 정의합니다.
    <span> 태그는 텍스트 범위를 나타내는 데 사용됩니다.

    HTML 요소에 대해 더 알고 싶으십니까? 다음은 MDN 웹 문서에서 만든 유용한 참조 가이드입니다 – HTML elements reference .

    웹 사이트의 기본 HTML 구조에 대해 자세히 알고 싶다면 go here .

    좋은 웹페이지 즐겨찾기