<!DOCTYPE html>
<html>
<head>
<style>
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body{
background-color:#FFE08C;
font-family: 나눔고딕, NanumGothic,'Nanum Gothic',Nanumbarungothic,sans-serif; line-height: 1.6;}


a:after{content: "(" attr(href) ")" ;}
p:before{content: "Notice: " ;color:red;}
h3{counter-increment: myIndex;}
h3:before{content:counter(myIndex) "." ;}
 
</style>
</head>

<body>
<h2>지구별안내서 오픈캐스트 구독하기</h2>

<p><a href="http://opencast.naver.com/IT741">지구별 안내서 오픈캐스트</a> 구독하시면<br>
 html/css를 좀 더 체계적으로 공부하실 수 있어요 </p>

<h3>홈페이지 기초 HTML배우기</h3>
HTML 기초<br>
HTML 태그 작성법<br>
HEAD에 들어가는 태그<br>

<h3>HTML, CSS, 자바스크립트 주석 처리 방법</h3>
주석 처리 방법<br>
css란?<br>

<h3>스타일 적용 우선 순위와 important! </h3>
css 스타일 적용 우선순위<br>
class, id 선택자<br>


</body>
</html>