카테고리: HTML 공간 분할

HTML 공간 분할

HTML 레이아웃(Layout) 만들기

레이아웃(Layout)레이아웃(layout)이란 특정 공간에 여러 구성 요소를 보기 좋게 효과적으로 배치하는 작업을 말한다. 웹 페이지의 레이아웃은 웹 사이트의 외관을 결정짓는 매우 중요한 요소이다. 레이아웃은 아래 사진과 같이 구성되게 된다. <header> – 문서 또는 섹션의 머리글을 정의한다.<nav> – 탐색 링크를위한 컨테이너를 정의한다.<section> – 문서의 섹션을 정의한다.<article> – 독립적 인 독립 기사 정의<aside> – 사이드 바처럼 콘텐츠를 제외하고 […]

HTML iframe 태그 종류와 예제

iframeframe이란 inline frame의 줄인말이다. iframe 요소를 이용하면 웹 페이지 안에 어떠한 제한 없이 또 다른 하나의 웹 페이지를 삽입할 수 있다. iframe 구문 HTML iframe은 다음 <iframe> 태그 로 표현한다. 사용 예제 iframe 높이 및 너비 설정 iframe 속성인 height, width 사용하여 높이 및 너비 길이를 설정할 수 있다. 높이와 너비는 기본적으로 픽셀 단위로 지정된다. […]

HTML 블록 및 인라인 요소(Block and Inline Elements)

HTML 요소의 타입 HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가지게 된다. 대부분의 HTML 요소는 이러한 display 속성값으로 블록(block), 인라인(inline) 2가지 값 중 하나를 가지게 된다. 블록(block) 타입의 요소 display 속성값이 블록(block)인 요소는 언제나 새로운 라인(line)에서 시작하며, 해당 라인의 모든 너비를 차지한다. 예제 HTML display 속성값이 블록인 요소 위 요소들은 […]