-
div 태그공부-1IT 배우기/컴퓨터, 스마트폰 활용 2010. 10. 11. 13:49
요즘은 테이블을 짜는 것보다 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>
이것만 잘 기억하고~ 다음 강좌로 넘어가 볼까요^^
반응형'IT 배우기 > 컴퓨터, 스마트폰 활용' 카테고리의 다른 글
div 태그공부-3 레이어속성 정하기 (0) 2010.10.13 div 태그공부-2 css (0) 2010.10.12 [기초태그강좌] 클릭하면 파일다운 받기 (2) 2010.10.11 [기초태그강좌] 이메일링크 방법 (0) 2010.10.11 [기초태그강좌] 웹자보 메일로 보내기 (0) 2010.10.11