<!DOCTYPE html>
<html>
<head>
<title>HTML - 수업소개</title>
<meta charset="utf-8">
</head>
<body>
<!--의미론적인 태그 <head>
웹사이트 내에 별다른 기능은 하지 않지만 개발자에게 head의 영역을 보여주는 태그-->
<head>
<h1><a href="index.html">HTML</a></h1>
</head>
<!-- <nav> 컨텐츠에 네비게이션의 영역은 이것이다 라는 것을 보여주는 태그-->
<nav>
<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>
</nav>
<!-- <section> 여러가지의 본문을 하나로 묶어주는 태그 -->
<section>
<!--<article> 본문의 영역을 나타내 주는 태그, 여러가지의 본문을 나타낼 수 있음 -->
<article>
<h2>기술소개</h2>
HTML은 HyperText Markup Language의 약자로서 웹페이지를 만드는 언어입니다.
</article>
<article>
<h2>기술소개2</h2>
HTML은 HyperText Markup Language의 약자로서 웹페이지를 만드는 언어입니다.
</article>
</section>
<footer>
<ul>
<li><a href="#"></li>
</ul>
</footer>
</body>
</html>