ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • HTML element (basic)
    web coding/HTML 2021. 3. 12. 20:28

     

    html elements reference (basic)

     

    HTML element

    - 시작 태그와 종료 태그에 들어가는 요소

    - 형태 : <시작 태그>...</종료 태그>

              <title>www_cozy</title>

     


     

    HTML element basic reference

    태그

    설명

    <!DOCTYPE>

    문서 유형

    <html>

    HTML 문서 자체

    <head>

    문서에 대한 정보 (머리)

    <title>

    탭에 보여지는 제목

    <body>

    문서 본문

    <h1>~<h6>

    제목 (*숫자가 낮을수록 중요도가 높아짐)

    <p>

    단락, 문단

    <br>

    줄 바꿈 (=enter)

    <hr>

    수평 줄 삽입

    <!-- -->

    주석 (*ctrl + /)

     


     

    vscode

     

    HTML element basic

     

    <!DOCTYPE html>

    <!-- html>head>title^body -->

    <html> 

    <head> 

    <title>Page Title</title>

    </head>

    <body> 

     

    <!-- h$*6>lorem1 -->

    <h1>Lorem.</h1>

    <h2>Sit.</h2>

    <h3>Dignissimos.</h3>

    <h4>Facere?</h4>

    <h5>Consectetur?</h5>

    <h6>Esse.</h6>

    <hr>

    <p>My first paragraph.</p>

    <br>

    <p>My second paragraph.</p>

    <!-- HTML element basic-->

     

    </body>

    </html> 

     


     

    result image

     

    *title

    - 탭에 노출되는 제목

    ex. <title>...</title>

     

    *headings  

    - 본문에 노출되는 제목

     

    - 숫자가 낮을수록 크기가 크고, 중요도가 높음

    [ h1>h2>h3>h4>h5>h6 ]

    ex. <h1>...</h1>

     

    *paragraph

    - 본문에 노출되는 단락, 문단

    ex. <p>...</p>

     


     ✔ html element reference


     

     

     

     

    'web coding > HTML' 카테고리의 다른 글

    HTML Link  (0) 2021.03.17
    HTML CSS ( internal & external )  (0) 2021.03.16
    HTML attribute (style)  (0) 2021.03.15
    HTML attribute (basic)  (0) 2021.03.13
    HTML  (1) 2021.03.12

    댓글

Designed by Tistory.