728x90
html에서는 텍스트를 강조할 수 있는 여러태그를 제공한다.
물론 현재 여기서 소개할 태그보다 양은 많지만 이번에는 자주 쓰는 태그들을 바탕으로 어떤 태그들인지 소개를 하겠다.
b,strong 태그 - 굵은 글꼴
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hello,Title</title>
</head>
<b>b로 만드는 굵은 글꼴</b><br>
<strong>strong으로 만드는 굵은 글꼴</strong>
</body>
</html>
b태그와 strong태그는 굵은 글꼴을 표시한다. 현재 모든 태그에서 둘의 효과는 같다.
두 태그의 사용 결과는 아래와 같다.
s,del 태그 - 취소선(사선)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hello,Title</title>
</head>
<s>s로 만드는 취소선</s><br>
<del>del로 만드는 취소선</del>
</body>
</html>
s태그와 del태그는 취소선을 표시한다. 현재 모든 태그에서 둘의 효과는 같다.
두 태그의 사용 결과는 아래와 같다.
i,em 태그 - 이탤릭체
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hello,Title</title>
</head>
<i>i로 만드는 이탤릭체</i><br>
<em>em으로 만드는 이탤릭체</em>
</body>
</html>
i태그와 em태그는 이탤릭체로 글꼴을 기울인다.
u 태그 - 밑줄
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hello,Title</title>
</head>
<u>u로 만드는 밑줄</u><br>
</body>
</html>
u태그를 사용하면 밑줄이 생성된다.
sup, sub 태그 - 윗첨자, 아랫첨자
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hello,Title</title>
</head>
<sup>sup</sup>
윗첨자와 아랫첨자
<sub>sub</sub>
</body>
</html>
sup태그를 이용해서 윗첨자를, sub태그를 이용해서 아랫첨자를 구현할 수 있다.
'Programming > HTML' 카테고리의 다른 글
| [html-04]수평선과 특수문자 (0) | 2017.10.10 |
|---|---|
| [html-02]개행(줄바꿈) 만들기(br태그,p태그,pre태그) (0) | 2017.08.15 |
| [html-01]html파일 만들기와 기본 구조 (0) | 2017.07.23 |