[HTML5 기초] 페이지 구조 살펴보기!!!
오늘은 HTML5 페이지 구조를 알아보면서 전체적인 기초 HTML 태그에 대한 설명은 차근차근 알려드리고자 합니다.
모바일 웹이 많은 인기를 불러모으고 있는 가운데 모바일 웹이 만들기까지는 HTML이라는 언어의 뼈대로 만들어집니다.
기본의 뼈대가 만들어 지고나서 뼈대에 살을 붙히는 'CSS' 라는 스타일을 매겨 하나의 홈페이지를 구성하게 됩니다.
더불어 애니메이션 처럼 재미있는 반응을 보여주고 싶을때는 'Jquery'라는 언어를 사용해 좀 더 재미있는 홈페이지를 만들 수 있습니다.
효과적이고 재미있는 홈페이지를 만들기 위해서는 먼저 탄탄한 기초지식을 먼저 배워두는 것이 좋겠지요?
따라서 전체적으로 HTML기본 구조와 태그에 속성 및 설명 등을 알려드리고자 합니다.
HTML5 기본구조는?
HTML5의 구조는 크게 위의 이미지에서 보는 것처럼 큰 html태그안에 head, body로 구성되어있습니다.
그리고 노란색 박스표시로 되어있는 <!DOCTYPE html>태그는 웹 브라우저가 현재 HTML5 문서임을 인식하게 만들어 줍니다. 따라서 W3C의 HTML5의 명세에 따르면 모든 HTML5 문서는 <!DOCTYPE html>를 표기해야 하고
반드시 문서의 가장 첫번째 줄에 있어야 합니다.
홈페이지를 구성할 때는 크게 3분류로 나누어서 구상을 합니다. header부분은 로고 및 메뉴, 슬라이스 배너 등을 보여주는 곳이고 content부분은 홈페이지의 메인 내용이 들어가는 부분입니다. 마지막으로 footer부분은 카피라이트 부분으로 홈페이지 관한 정보 및 주소 등을 나타내는 곳입니다.
이렇게 홈페이지의 기본적인 구조를 알고 이해한 후 태그의 속성, 어떻게 입력을 해야하는 건지 등 자세한 설명은 내일 다시 뵙도록 하겠습니다!!
누구나 파워지식인이 되는 그날까지, 늘보지식인
#Copyleft(C)는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻입니다#
#사진과 이미지의 일부는 퍼온것도 있음을 밝힘니다#