본문 바로가기
쬬의 기초정리

<시멘틱 태그> 서식 시멘틱 태그 정리

by Joooooooo 2023. 9. 16.
반응형

 

<< html 코드 예시 >>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>문단</h1>
    <h2>문단</h2>
    <h3>문단</h3>
    <h4>문단</h4>
    <h5>문단</h5>
    <h6>문단</h6>
    <br />띄어쓰기
    <p>문단</p>
    <hr />
    밑줄
    <pre>pre : 정의된 형식</pre>
    <div>block 그룹</div>
    <span>inline 그룹</span>
    <strong>strong 강조</strong>
    <em>em / 기울기</em>
    <mark>mark 형광</mark>
    <small>small 저작권</small>
    <del>제거된 텍스트</del>
    <ins>밑줄</ins>
    <sub>subscript 아래첨자</sub>
    <sup>윗첨자</sup>
    <blockquote>blockquote 인용구 / block</blockquote>
    <q>인용구 / inline</q>
    <abbr title="abbr">줄임말</abbr>
  </body>
</html>

 

 

 

 

<<출력물>>

 

 

 

 

반응형