웹 개발/HTML

[HTML] 서식태그의 종류

코딩하는흑구 2019. 3. 24. 21:43

서식태그


물리적 모양을 지정하는 태그(의미는 중요하지 않음, 화면에 보이는 형태가 중요)


<b>bold. 볼드체입니다.</b>

<i>italic. 이탤릭체입니다.</i><br>


<u>underline. 밑줄을 긋습니다.</u>  아쉽지만 HTML5에서는 legacy element

<strike>취소선을 긋습니다.</strike>


밑첨자

H<sub>2</sub>O<br>

윗첨자

MC<sup>2</sup>


<big>큰글씨</big><br>

<small>작은글씨</small><br>

<tt>타자기 글씨</tt><br>


<!-- bidirectional override -->

<bdo dir ="ltr">안녕하세요.</bdo><br>

<bdo dir ="rtl">안녕하세요.</bdo><br>


<결과보기>




논리적 의미를 강조하는 태그(의미가 아주 중요함, 화면에 보이는 형태는 안중요)


<strong>중요한 데이터</strong><br>

<em>emphasis, 강조, 중요한 데이터, strong보다는 덜 중요한</em><br>

<mark>무언가 강조</mark><br>


<cite>인용구</cite><br>

<blockquote>인용구</blockquote><br>


<code>int a =10;</code><br>


<samp>샘플 데이터</samp><br>

<address>주소 데이터</address>


<결과보기>



<h3>강남구</h3>

<p>서울시 강남구</p>

<address>서울시 강남구</address>

<ins>insert. 추가된 데이터</ins><br>

<del>delete. 삭제된 데이터</del><br>

<s>수정된 데이터</s><br>

<abbr>축약된 데이터. 약어(JDBC)</abbr><br>

<abbr>HTML</abbr><br>


<결과보기>