div 태그공부-1

요즘은 테이블을 짜는 것보다 div를 더 많이 사용하지요

티스토리 블로그도 마찬가지이구요~

 

그래서 div를 배워야할 필요가 생겼습니다.

간단하게 몇가지만 정리해 보려고 합니다

가장 기초적인 것이라 할 수 있는 …

 

먼저 틀짜기부터~~

상단(타이틀)

본문                                                                                                            사이드바

 

가장 기초적인 위와 같은 형태를 짠다고 생각하겠습니다

기본 태그는 아래와 같습니다.

 

<div id="container">

<div id="header">상단레이어</div>

<div id="content">좌측레이어</div>

<div id="sidebar">우측레이어</div>

</div>

 

이것이 그대로 디스플레이 되면

 

 

위와 같이 보이지요~~

이게 무슨 틀이나고요^^

div 태그는 css와 같이 사용되어지기 때문에 위와 같이 보입니다

css를 설정하지 않으면 그냥 순서대로 저렇게 보이지요~~

 

전체를 감싸는 container 잡아준 것은

틀이 안깨지기 위해 잡아준다고 생각하시면 됩니다

테이블 태그로 짜보신분들은 아마 바로 이해하실 수 있을 겁니다

테이블 안에 테이블 넣고 또 그 안에 테이블 넣고~~

많이들 하시던 일이었지요^^

 

오늘은 여기까지^^

기억해야할 소스는

 

<div id="이름">출력물</div>

 

이것만 잘 기억하고~ 다음 강좌로 넘어가 볼까요^^