개발/HTML
[HTML] <b></b>, <i></i>, <small></small>, <sub></sub>, <sup></sup>
suniverse
2022. 12. 28. 00:20
<b></b> : 글자를 굵게(bold) 만들어 주는 태그
✍입력
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
Lorem ipsum dolor sit amet<br>
<b>Lorem ipsum dolor sit amet</b>
</body>
</html>
💻출력
<b>태그를 쓰지 않은 문장과 차이를 확인할 수 있다.
<i></i>: 글자를 기울임꼴(이탤릭체)로 바꿔주는 태그
✍입력
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1><i>Lorem ipsum dolor sit amet</i></h1>
</body>
</html>
💻출력
<small></small> : 일반 글씨보다 작게 만들어 주는 태그
<sub></sub> : 아랫첨자, <sup></sup>: 윗 첨자
✍입력
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>10<sub>(2)</sub></h1>
</body>
</html>
💻출력
아랫첨자의 예시
✍입력
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>x<sup>2</sup></h1>
</body>
</html>
💻출력
윗 첨자의 예시