1. 레이아웃을 먼저 잡아야만 하는 것은 아닙니다. 누구는 각각의 요소를 먼저 만든 후에 레이아웃을 지정하기도 하고 누구는 레이아웃을 먼저 작성하기도 합니다. 중요한 것은 완료된 코드가 누가 봐도 체계적이고 알기 쉬운 코드로 만들어졌느냐 입니다. 2. 제목을 작성하는 방법 레이아웃을 작성하는 예를 들면서 제목 작성하는 방법을 보여드렸는데요. 문서를 마크업하는 경우에 빠뜨리지 말아야 할 요소가 바로 제목 요소(~)입니다. 문서 전체의 제목을 나타내는 요소고 중요합니다. 본문의 가장 큰 제목을 의 내용으로 적용하면 되는데, 메인 페이지의 경우에는 로고를 의 내용으로 적용하는 것이 좋습니다. 2-1. 제목요소는 이 가장 큰 제목이고 ~까지 지정할 수 있습니다. - 소스코드 Heading1 Heading2 He..

1. 문서를 만들 때 어려운 점은 원하는 레이아웃을 만드는 작업이었습니다. 몇 년 전까지만 해도 요소를 활용해서 레이아웃을 만들었고, 최근엔 요소로 묶은 후 CSS를 활용해 레이아웃을 만들고 있습니다. 요소를 활용해서 문서를 묶어주는 방법을 그룹화한다고 합니다. 문서를 만들어보기도 전에 그룹화하는 방법부터 알아보는 이유가 뭘까요? 사실 HTML5로 발전하는 과정에서 그룹화의 의미가 바뀌게 되었습니다. HTML5부터는 원래 가 담당하던 그룹화 작업을 새롭게 섹셔닝 요소들이 담당하게 되었고, 그룹화라는 용어도 블록 요소 중에서 p, hr, pre, blockquote, ol, ul, li, dl, dt, div 등에 그 역할을 넘겨주게 되었습니다. 웹 페이지를 레이아웃에 맞춰 그룹화 작업을 하는 경우 적절한..