HTML 서식태그 - 텍스트 효과 (b, strong, ,mark, del, ins,sup,sub, i, em,)

이번 시간에는 html의 글자 서식을 변경해주는
다양한 태크들에 대해서 알아보겠습니다.

 

1. 강조효과

<b>태그와 <strong> 태그는 문자를 굵게 표시하기 위해서 사용합니다.
육안으로 보기에는 차이가 없지만 <strong> 태그는 중요한 내용이라는 의미를 
자신이나 or 개발자 or ㅇ 알려주기 위해서도 사용됩니다.

<p><b>"굵은 글씨 부분"</b> : 단순히 굵게 표현</p>

<p><strong>"굵은 글씨 부분"</strong> : 중요한 부분이라 굵게 표현</p>

문자를 이텔릭체로 표현하고 싶다면 <i>,<em> 태그를 사용하세요.
마찬가지로 육안으로 보기에는 차이가 없지만 <em> 태그는 중요한 내용이라는
의미를 포함하고 있습니다.

<p><i>"이텔릭체"</i> : 단순히 이텔릭체 표현</p>

<p><em>"이텔릭체"</em> : 중요한 부분으로 이텔릭체 표현</p>

 

 

2.하이라이팅 효과

<mark> 태그는 문자 텍스트에 하이라이팅 효과를 부여합니다.

<p><mark>"하이라이팅"</mark> : 하이라이팅 효과를 줍니다..</p>

 

3. 삭제효과(가운데줄)

<del> 태그는 문자를 삭제한다는 효과를 주는데
문자 가운데 수평 줄이 그어지는 표시를 합니다.

<p><del>"삭제효과"</del> : 삭제를 한 것 같은 교화를 줍니다.</p>

 

 

4. 삽입효과(밑줄)

<ins> 태그는 문자에 밑줄을 표시하는 기능을 수행합니다.

<p><ins>"삽입효과(밑줄)"</ins> : 문자에 밑줄을 표시합니다.</p>

 

5. 위첨자(제곱근), 아래첨자 효과

<sup> : 위첨자로 제곱근을 표시
<sub> : 아래첨자 표시

<p>X<sup>3</sup> + Y<sup>4</sup> = Z</p>
<p>산소를 나타내는 화학식은 O<sub>2</sub>O 입니다.</p>

 

이상으로 HTML 서식의 텍스트 효과를 부요하는

(b, strong, ,mark, del, ins,sup,sub, i, em,) 태그에 대해서 알아보았습니다.