오늘은 div 태그를 이용해서 초간단 웹페이지 레이아웃을 구성하는 것을 살펴 보겠습니다. div 태그에 대해서는 아래 포스팅 참조 해주세요. [HTML5/CSS3] span 태그 & div 태그의 차이 1. 웹페이지 레이아웃 웹페이지는 일반적으로 Header 영역 / Navigation 영역 / Content 영역 / Footer 영역으로 나누어집니다. (모든 웹페이지가 그런것은 아닙니다) Header 영역 : 웹페이지를 나타내는 로고 또는 소개글이 위치합니다.Navigation 영역 : 웹페이지에서 다른 페이지로 이동하는 Menu Bar가 옵니다.Content 영역 : 웹 페이지의 내용Footer 영역 : 웹 페이지와 관련된 정보 그럼 이러한 4개의 영역으로 나누어지는 간단한 샘플예제를 살펴보겠습니다...
div 태그와 span 태그는 웹 페이지의 영역을 설정 할 때 사용하는 태그입니다. 웹 페이지의 전체적인 레이아웃을 설정 할 때 사용하는 태그인셈이죠. 예전에는 table 태그를 사용하여 웹 페이지에 대한 전체적인 레이아웃을 구성하였던 반면 요즘 트렌드는 오늘 배울 div 태그와 span 태그를 통해서 구성을 하는 것이 일반적입니다. [HTML5/CSS3] HTML 기초 강좌 - 테이블 태그 ( 태그) 알아보러 가기!! 그럼 div 태그와 span 태그의 차이점과 사용법을 살펴보겠습니다. 1. div 태그와 span 태그 비교 먼저 두 태그의 차이점은 줄바꿈입니다. div 태그의 경우 자동으로 줄바꿈이 되지만 span 태그의 경우네는 자동으로 줄바꿈이 되지 않습니다. 아래 샘플 소스를 참조해주세요. 12..