<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="utf-8">
        <title>style 태그</title>
        <style> /* CSS 스타일을 작성할 수 있는 영역을 나타내는 태그 */
            h1 {
                color: white;
                background-color: black;
            }
            p {
                color: gray;
            }
        </style>
    </head>
    <body>
        <h1>style 태그</h1>
        <p>
            style 태그는 HTML 문서에서 CSS 스타일을 작성할 수 있는
            영역을 나타내는 태그입니다.
        </p>
    </body>
</html>
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="utf-8">
        <title>style 태그</title>
        <!-- CSS 스타일시트를 연결해서 HTML에 스타일을 지정 -->
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
       <!---->
    </body>
</html>
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="utf-8">
        <title>다수의 style 태그 작성</title>
        <style>
            /* 데스크탑 */
            h1 {
                color: white;
                background-color: black;
            }
            p {
                color: gray;
            }
        </style>
        <style>
            /* 모바일 */
            @media (max-width: 500px) {
                h1 {
                    font-size: 1.8em;
                }
                p {
                    font-size: 0.9em;
                }
            }
        </style>
    </head>
    <body>
        <h1>다수의 style 태그 작성</h1>
        <p>
            HTML 문서에는 다수의 style 태그를 작성할 수 있습니다. 
        </p>
    </body>
</html>
<!-- 굳이 type 속성을 명시할 필요는 없습니다. -->
<style type="text/css">...</style>
<!-- type 속성을 생략했습니다. -->
<style>...</style>
<style>...</style>
<style media="print">...</style>