HTML 내용 작성중에 자주 쓰이는 태그들 중 5가지인 <i>, <strong>, <small>, <u>, <del> 태그를 알아보도록 하겠습니다.
오늘 배울 태그와 그 내용
<i></i> : Italic 태그로써, 태그 사이의 내용을 이탤릭체(기울임)로 바꿔줍니다.
<strong></strong> : strong 태그로써, 태그 사이의 내용을 굵게 표시해 줍니다. <b> Bold 태그와 다른 점은, Bold는
웹브라우져에서 시각적으로 굵게 표시해주는 역할만 할 뿐이지만, Strong태그는 시각적으로 굵게
표시해주면서 한가지 역할을 더 하는데 이 Strong태그는 다른 단어들과는 다르게 중요한 의미를
지니게 되는데 이때, 검색엔진 또한 Strong을 중요하게 보게 됩니다.
<small></small> : small 태그로써, 태그 사이의 내용을 작은글씨로 표시해 줍니다.
<u></u> : Underline 태그로써, 태그 사이의 내용에 밑줄을 표시해 줍니다.
<del></del> : Delete line 태그로써, 태그 사이의 내용에 취소선을 표시해 줍니다.
실제 작성된 HTML 코드
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title> 텍스트 태그 테스트 </title>
</head>
<body style="font-size: 30px">
<h2> 사용 전후를 비교해 봅시다. </h2>
<p>Italic <i>Italic</i> </p>
<p>Strong text <strong>Strong text</strong> </p>
<p>Small text <small>Small text</small> </p>
<p>underline <u>Underline</u> </p>
<p>delete line <del>delete line</del> </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기초] 7. HTML 기초 태그 / <sup>,<sub>,<mark>,<em> 태그 (0) | 2015.06.20 |
[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 |