<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>font type</title>
</head>
<body>
<b>굵은 글씨입니다.</b><br>
굵은 글씨 입니다.
<i>이탤릭체입니다.</i><br>
이탤릭체 입니다.<br><br>
이것은 윗첨자<sup>2</sup>입니다.<br>
이것은 아래첨자<sub>3</sub>입니다.<br>
<hr/>
위의 테그는 밑줄을 긋는 테그입니다.
<hr/>
강조를 해볼까요? Do or do not.There is <strong>no try.</strong>
em 태그를 써볼까요? <br>
Easy day is <em>yesterday</em>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>font size</title>
<style type="text/css">
.first {
font-size: 20px;
}
.second {
font-size: 50px;
font-family: Georgia;
}
</style>
</head>
<body>
<p class="first"> Good day is today</p>
<p class="second"> Do your best and wait your destiny.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>font-weight</title>
<style type="text/css">
.title {
font-weight: normal;
}
.content {
font-weight: bold;
}
</style>
</head>
<body>
<p class="title">오늘의 목표</p>
<p class="content">판매 목표 120%</p>
</body>
</html>
'Language > Html Css' 카테고리의 다른 글
| html sample 참고 사이트 (0) | 2024.08.08 |
|---|---|
| iframe (0) | 2024.08.08 |
| ordered list vs unordered list (0) | 2024.08.01 |