블록과 인라인

 

블록 레벨 요소 (block level element)

: 항상 새 라인에서 시작하고 가로화면 전체를 차지.

 

주요 블록 요소

<div>, <article>, <h1> ~ <h6>, <p>, list 구조 요소 ,<table> 등

 

<div> element

HTML 문서에서 구분 또는 섹션을 정의

CSS로 스타일을 지정하거나 javascript로 특정 작업을 수행하기 위해

다른 요소의 컨테이너 역활을 담당.

페이지의 레이아웃을 지정하는 데 사용

 

 

인라인 요소(Inline element)

: 새 라인이 시작되지 않으며 라인 안에서 일정 범위를 차지.

 

주요 인라인 요소

<span>, <b>, <strong>, <i>, <em>, <mark> 등

 

<span> element