일반 HTML5 강좌 3강 - HTML5 레이아웃 잡아보기

HTML5 강좌 3강 - HTML5 레이아웃 잡아보기

지난 강좌에 이어 이번강좌에서는 HTML5를 이용하여 기본적인 레이아웃을 잡아보도록 하겠습니다.

레이아웃을 잡아 페이지를 만들다 보니 css 요소가 무지 많이 들어갑니다.

위 붉은색 부분이 바로 css 요소입니다.

css는 웹문서의 스타일을 잡아주는.. 그러니까 좀 더 깔끔하고 멋진 페이지로 만들어 주는것 입니다.

소스코드를 받아보면 깜짝 놀랄수도 있습니다.

하지만 걱정하실 필요 없습니다.

css.. 스타일시트는 차근차근 알아가면 됩니다.

중간중간 css 관련 요소가 강좌 내용에 나올겁니다.

그리고 부족한 부분은 따로 강좌 내용에 넣도록 하겠습니다.

이렇게 레이아웃을 만들어 보았습니다.

이왕 이렇게 레이아웃을 만들었으니 태그를 연습하면서 메뉴들을 하나씩 채워보도록 하죠.

현재는 페이지가 하나지만 강좌가 끝나갈 때 쯤이면 페이지가 여럿 있겠네요 :)

(예제는 첨부파일에서 받을 수 있습니다.)

03.zip