<!doctype html>
<html>
<head>
<meta name="description" content="HTML 태그에 대해 알아봅시다">
<title>HTML 개요 - ofcourse</title>
</head>
<body>
...
</body>
</html>
<h1>제목1</h1>
<h2>제목2</h2>
<h3>제목3</h3>
<h4>제목4</h4>
<h5>제목5</h5>
<h6>제목6</h6>
<html>
<body>
<ol>
<li>목록1</li>
<li>목록2</li>
</ol>
<ul>
<li>목록1</li>
<li>목록2</li>
<li>목록3</li>
<ol>
<li>목록3-1</li>
<li>목록3-2</li>
</ol>
</ul>
</body>
</html>
<html>
<body>
<a href="http://www.naver.com">Go Naver</a><br>
<a href="http://google.co.kr" target="_blank">Go Google</a>
</body>
</html>
<html>
<body>
<p>
이미지가 삽입<br>
<img src="/images/attach/logo_black.png" width="245">
</p>
</body>
</html>
<html>
<body>
<div style="background-color:cyan">구역1</div>
<div style="width:100px; height:100px; background-color:#CF0">구역2</div>
</body>
</html>
<html>
<body>
<span style="background-color:red">span1</span>
<span style="background-color:blue">span2</span>
<span style="background-color:green">span3</span>
</body>
</html>
<!doctype html>
<html>
<head>
<meta name="description" content="HTML 태그에 대해 알아봅시다">
<title>HTML 개요 - ofcourse</title>
</head>
<body>
...
</body>
</html>
<h1>제목1</h1>
<h2>제목2</h2>
<h3>제목3</h3>
<h4>제목4</h4>
<h5>제목5</h5>
<h6>제목6</h6>
<html>
<body>
<ol>
<li>목록1</li>
<li>목록2</li>
</ol>
<ul>
<li>목록1</li>
<li>목록2</li>
<li>목록3</li>
<ol>
<li>목록3-1</li>
<li>목록3-2</li>
</ol>
</ul>
</body>
</html>
<html>
<body>
<a href="http://www.naver.com">Go Naver</a><br>
<a href="http://google.co.kr" target="_blank">Go Google</a>
</body>
</html>
<html>
<body>
<p>
이미지가 삽입<br>
<img src="/images/attach/logo_black.png" width="245">
</p>
</body>
</html>
<html>
<body>
<div style="background-color:cyan">구역1</div>
<div style="width:100px; height:100px; background-color:#CF0">구역2</div>
</body>
</html>