<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>div 태그</title>
<style>
.div1 {
height : 100px;
color : #ffffff;
background : #282828;
}
.class1 {color : #c84646;}
. div2 {
height : 100px;
color : #ffffff;
background : #c84646;
}
.class2 {color : #282828;}
.div3 {
height : 100px;
color : #ffffff;
background : #9C85DE;
}
.class3 {color : #EED07B;}
.div4 {
height : 100px;
color : #ffffff;
background : #FCC0B8;
}
.class4 {color : #EED07B;}
</style>
</head>
<body>
<div class="div1"><span class="class1">테스트</span>영역1</div>
<div class="div2"><span class="class2">테스트</span>영역2</div>
<div class="div3"><span class="class3">테스트</span>영역3</div>
<div class="div4"><span class="class4">테스트</span>영역4</div>
</body>
</html>
div:블럭형식으로공간 분할
span:인라인 형식으로 공간 분할
class:아이디
height:높이 설정
