개발/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>

💻출력

윗 첨자의 예시