레이아웃

[HTML] HTML - 16.레이아웃

이번 시간에는 HTML에 레이아웃에 대해 배워보도록 하겠습니다. HTML 레이아웃(layout) 레이아웃(layout)이란 특정 공간에 여러 구성 요소를 보기 좋게 효과적으로 배치하는 작업을 의미합니다. 웹 페이지의 레이아웃은 웹 사이트의 외관 사항을 결정하는데 매우 중요한 요소입니다. HTML에서 다음과 같이 레이아웃을 작성할 수 있습니다. div 요소를 이용한 레이아웃 HTML5 레이아웃 table 요소를 이용한 레이아웃 div 요소를 이용한 레이아웃 div 요소는 CSS 스타일을 손쉽게 적용할 수 있으며 레이아웃을 작성하는데 자주 사용됩니다. Header 영역 Nav영역 Section 영역 Footer 영역 HTML5 레이아웃 HTML5에서 웹 페이지의 레이아웃만을 위한 별도의 새로운 요소들을 제공..

[HTML] HTML - 14.블록과 인라인

이번시간에는 HTML 공간분할에 대해 알아보도록 하겠습니다. HTML 블록과 인라인 HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짖는 display 속성을 가집니다. 대부분의 HTML 요소는 이러한 display 속성값으로 다음 두 가지 값 중 하나를 가지게 됩니다. 블록(block) 인라인(inline) 블록(block) 타입의 요소 display 속성값이 블록(block)인 요소는 언제나 새로운 라인(line)에서 시작하며 해당 라인은 모든 너비를 차지합니다. p요소는 display 속성값이 block인 요소입니다. 여기서 ,, , ,, 요소는 display 속성값이 블록(block)인 대표적인 요소입니다. 요소 요소는 다른 HTML 요소들을 하나로 묶는 데 자주 사용되는 ..