<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<!-- DIV 태그 -->
<!-- P 태그와 같이 문서에서 단락을 구분하고자 할 때 사용을 한다. -->
<!-- DIV 태그로 묶여진 문단 내용을 하나의 단락으로 묶어서 정렬 위치를 결정할 수 있다. -->
<!-- 반드시 텍스트가 아니더라도 어떠한 객체(그림, 도표 등)의 위치를 결정할 때도 많이 사용한다. -->
<!-- P태그와 다르게 DIV태그는 빈줄 삽입이 이루어지지 않으나 하나의 단락을 구분하는 태그이므로 태그가 닫힐 경우 줄 바꿈이 일어난다. -->
<H3 ALIGN="CENTER"> DIV 태그를 이용하여 문단으로 묶기 </H3>
<DIV ALIGN="LEFT"> 왼쪽에 정렬하기 </DIV>
<DIV ALIGN="RIGHT"> 오른쪽 정렬하기 </DIV><BR>
<DIV ALIGN="CENTER"> 빈줄 삽입이 없다 </DIV>
<br>
<!-- 무슨 내용을 작성하든 모두 출력해줌 -->
<pre align = "right">
봄봄봄 봄이왔네요 ... 5 < 7 4 > 3
우리들 마음 속에도 </pre>
<!-- nbsp는 공백 (스페이스) -->
<!-- 수평선 출력 -->
<hr>
<hr color = "red" size = "10" width = "50%">
</body>
</html>
- 결과
