HTML 작성간 다소 사용빈도가 낮지만 알아두어야할 태그들에 대해 알아보도록 하겠습니다.
오늘 배울 태그와 그 내용
<sup></sup> : Superscript 를 지칭하며, 태그 사이의 내용을 윗첨자 형태로 바꿔 줍니다.
<sub></sub> : 위의 Sup태그와 달리 subsctiptr를 지칭하며, 태그 사이 내용을 아랫첨자로 바꿔 줍니다.
<mark></mark> : Marking 을 뜻하며, 태그 사이의 내용에 형광펜으로 칠해 줍니다.
<em></em>: Emphasize를 뜻하며, 태그 사이의 내용을 이탤릭체(기울임)로 바꿔주면서 강조하게 됩니다.
<i>태그와 출력된 결과로써 모양은 동일하나, 내용 중, <em>태그를 좀 더 중요하게 다루도록 되어있습니다.
실제 작성된 HTML 코드
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title> 윗첨자 부터 강조문구까지 </title>
</head>
<body style="font-size:30px">
<h2>sup, sub, mark, em 4가지 태그를 사용해 봅시다.</h2>
<p>윗 첨자 태그<sup>superscript</sup> </p>
<p>아래 첨차 태그<sub>subscript</sub> </p>
<p>마킹 태그<mark>mark</mark> </p>
<p>강조 태그<em>Emphasized text</em> </p>
</body>
</html>
실제 출력 결과
'IT > HTML5' 카테고리의 다른 글
| [HTML기초] 9. Font 태그와 그 속성들 / font size, color, face (0) | 2015.06.23 |
|---|---|
| HTML 태그의 정의와 사용방법 (0) | 2015.06.22 |
| [HTML기초] 8. HTML 기초 태그 / <code>,<samp>,<kbd>,<var> 태그 (0) | 2015.06.21 |
| [HTML기초] 6. HTML 기초 태그 / <i>,<strong>,<small>,<u>, <del> 태그 (0) | 2015.06.16 |
| [HTML기초] 4. HTML 기초 태그 <a href>, <a>, <br>, <img> 태그 (0) | 2015.06.15 |
| [HTML기초] 5.HTML기초 태그 / <p title>, <b>, <hr>, <pre> 태그 (0) | 2015.06.15 |
| [HTML기초] 3. HTML 기초 태그 <h>, <p> (0) | 2015.06.14 |
| [HTML기초] 2. HTML 에디터 / 메모장으로 작성하기 (0) | 2015.06.09 |
| [HTML기초] 1. HTML이란? (0) | 2015.06.08 |
