Life<Log> Life<Log>

는 html 속의 수많은 엘리먼트들(h1, h2, p, img 등)에 대한 논리적 구분 및 그룹을 위해 존재하는 엘리먼트입니다. 이제 곧 엘리먼트들의 레이아웃과 포지셔닝에 관한 내용에 대해 배우게 될 텐데요... 만약 논리적으로 같은 그룹에 속하는 엘리먼트들을 하나의 그룹으로 묶을 수 없다면 각각의 엘리먼트들을 일일이 모두 위치를 잡아주어야 하므로 매우 불편하겠죠? div 엘리먼트를 잘 활용하면 엘리먼트들의 레이아웃과 포지셔닝을 쉽게 할 수 있을 뿐만 아니라 구조적으로도 깔끔한 html 문서를 작성할 수 있게 됩니다. 그럼 div의 사용법을 한번 살펴보겠습니다. 위 에서 보듯이 div 역시 다른 일반적인 블록 엘리먼트들과 마찬가지 방법으로 사용하면 됩니다. 위 HTML 문서의 결과물은 다음과 같습니다. ..