모두의 HTML5 & CSS3: 2 CSS 구성 요소와 연동 방법

인터널 방식

인터널 방식은 <head> 태그 안에 <style> 태그를 사용하여 CSS를 적용하는 방식입니다. 다음과 같이 <style> 태그 안에 디자인을 적용할 영역인 <h1> 태그를 선택한 다음 color: red;을 입력하면 <h1> 요소인 Hello World에 빨간색이 적용되어 브라우저 화면에 출력됩니다.

예제 소스 Exercise/4장/1_Internal_Inline_External/index01.html

<head>
… 
    <title>웹 프로그래밍 기초</title>
    <!-- 인터널 방식 : <head> 태그 안에 <style> 태그를 추가하여 디자인하는 방식 -->
    <style>
        h1{
            color: red;
        }
    </style>
</head>

그림 4-2 실행 결과

신간 소식 구독하기

뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.