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

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

1. HTML태그는 크게 '블록 레벨 요소'와 '인라인 레벨 요소'로 구분할 수 있습니다. 블록 레벨은 너비나 높이를 지정할 수 있고 줄 바꿈 속성을 가지고 있지만, 인라인 레벨은 너비나 높이를 지정할 수 없으며 줄이 바뀌지 않는(인라인) 형식으로 표현됩니다. HTML5로 발전되면서 블록 레벨과 인라인 레벨로 구분하는 방법은 퇴색 되었지만, 없어진 것은 아니며 비슷한 속성끼리 나누는 방법으로 발전되었습니다. 익스플로러 버전9 이하에서는 HTML5요소를 제대로 지원하지 않으므로, 이 경우에는 자바스크립트에서 document.create.Element("태그이름")의 혁식으로 생성하고, 스타일시트로 인라인 또는 블록요소의 특성을 따로 지정해야 합니다. 2. 블록 레벨 요소 블록 레벨 요소는 자신을 감싸는 상..