Programming/JavaScript

[html] 텍스트 관련 태그 정리(b, strong, ins, del, i, em, mark, br, hr, p, span, div, h)

꼬ㄴi 2023. 9. 11. 23:56

📌굵은 텍스트

<b> 굵은 글씨 </b>
<strong> 굵은 글씨 </strong>

 

📌선(line) 태그

<ins> 밑줄친 글씨 </ins>
<del> 취소선 그은 글씨 </del>

 

📌이탤릭체(기울어진 텍스트)

<ins> 밑줄친 글씨 </ins>
<del> 취소선 그은 글씨 </del>

 

📌기타

<mark> 형광펜 </mark>
<br> 줄 바꿈 </br>
<hr> 수평선 </hr>

 

🟡 <hr> 태그를 제외하고 모두 inline 요소


📌단락 태그

 <!-- 단락으로 글 쓸 때-->
<p> paragraph </p>

<!-- 강조하는 단어나 다르게 표시할 때 -->
<span></span>

 

📌헤드라인(headline)

<h1>제일 큼<h1>
<h2>큼</h2>
<h3>보통</h3>
<h4>약간 작음</h4>
<h5>작음</h5>
<h6>많이 작음</h6>

 

📌블록(block) 레벨 태그

<div> 블럭 단위로 묶는 태그</div>
<!-- 텍스트 또는 이미지를 박스 단위로 묶을 때 사용 
     한 번에 같이 옮길 때 주로 씀            -->

 

🟡 <span> 태그를 제외하고 모두 block 요소