이외에서 다른 이론적인 부분을 공부하는 것도 좋기야 하겠지만, 프로그래머의 중요한 소양은 이렇게 배운 이론을 가지고 실질적으로 무엇을 만들 수 있는지 테스트해보는게 중요하다.
지금부터 해볼 것은 앞에서 배운 태그를 사용해서 목차를 구성하는 index.html 파일과 목차의 내용을 담당하는 1.html ~ 4.html을 만들어 볼 것이다.
여기서 나오는 이론은 전부 배운 내용이기 때문에 이 글에서 더 자세하게 다루지 않을 것이다.
외워두어야 할, 신경써야 할 부분들을 제외하고 전체 코드만 써 둘것이기 때문에 자세한 설명이 필요하다면 위에서 언급한 사이트에서 강좌 영상을 시청하자.
<!DOCTYPE html>
<html>
<head>
<title>HTML - 수업소개</title>
<meta charset="utf-8">
</head>
<body>
<h1><a href="index.html">HTML</a></h1>
<ol>
<li><a href="1.html">기술소개</a></li>
<li><a href="2.html">기본문법</a></li>
<li><a href="3.html">하이퍼텍스트와 속성</a></li>
<li><a href="4.html">리스트와 태그의 중첩</a></li>
</ol>
<h2>선행학습</h2>
본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다.
</body>
</html>