728x90
๋ฐ์ํ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ํ๋ผ๊ตญ์
์ถ๊ตฟ</title>
</head>
<style>
@font-face {
font-family: bit;
src: url("bit");
}
* {
font-family: bit;
}
a{
background-color: blue;
color: white;
text-decoration: none;
}
h1{
text-align: center;
}
.jeju {
text-decoration: underline;
}
sup{
font-style: italic;
}
.red{
color: red;
font-weight: bold;
}
.orange{
color: orange;
}
</style>
<body>
<h1><a href="http://www.naver.com">ํ๋ผ๊ตญ ์
์ถ๊ตฟ</a> </h1>
<div>
<span class="jeju">์ ์ฃผ</span>๋์ ๋ฌธํ์ถ์ ์ค์์ ์ ์ผํ๊ฒ <span class="red">ํ๋ผ ์๋๋ถํฐ ๋ด๋ ค์จ ์ถ์ </span>์ด๋ค
</div>
<p>
<span class="jeju">์ ์ฃผ</span>์์ ์
์ถ์ ์์ฒ <sup>(์ ์ฃผ์ด,์์ )</sup> ๋๋ ๋ ์ด๋ผ ํ๋ค.
ํ๋์ <span class="orange">1๋ง 8,000</span>์ ์ด ์ง์์ผ๋ก ๋ด๋ ค์ ์ํด ์ผ๋ค์ ์์ํ๋ ๋๋ค.
</p>
</body>
</html>
728x90
๋ฐ์ํ
'๐ HTML,CSS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| HTML&CSS 15์ผ์ฐจ (์ ๋ฆฌx) (0) | 2024.03.23 |
|---|---|
| HTML&CSS ์ค์ต4 (์ ๋ฆฌx) (0) | 2024.03.23 |
| HTML&CSS 14์ผ์ฐจ (์ ๋ฆฌx) (0) | 2024.03.23 |
| HTML&CSS 13์ผ์ฐจ (์ ๋ฆฌx) (0) | 2024.03.23 |
| HTML&CSS 12์ผ์ฐจ (์ ๋ฆฌx) (0) | 2024.03.23 |