HTML&CSS 실습3 (정리x)

💜 HTML,CSS

HTML&CSS 실습3 (정리x)

Genie_. 2024. 3. 23. 22:02

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

저작자표시 비영리 변경금지