HTML 블록

HTML <div> 및 <span>

HTML은 <div> 및 <span>을 통해 요소를 결합할 수 있습니다.

HTML 블록 요소

대부분의 HTML 요소는 블록 수준 요소 또는 인라인 요소로 정의됩니다.

블록 수준 요소는 일반적으로 브라우저에 표시될 때 줄 바꿈으로 시작하고 끝납니다.

예: <h1>, <p>, <ul>, <table>

HTML 인라인 요소

인라인 요소는 일반적으로 표시될 때 줄바꿈으로 시작하지 않습니다.

예: <b>, <td>, <a>, <img>

HTML <div> 요소

HTML <div> 요소는 다른 HTML 요소를 결합하는 컨테이너로 사용할 수 있는 블록 수준 요소입니다.

<div> 요소에는 특별한 의미가 없습니다. 또한 블록 수준 요소이므로 브라우저는 앞뒤에 줄 바꿈을 표시합니다.

CSS와 함께 사용하면 <div> 요소를 사용하여 큰 콘텐츠 블록에 스타일 속성을 설정할 수 있습니다.

<div> 요소의 또 다른 일반적인 용도는 문서 레이아웃입니다. 레이아웃을 정의하기 위해 테이블을 사용하는 구식 방식을 대체합니다. 문서 레이아웃에 <table> 요소를 사용하는 것은 올바른 테이블 사용이 아닙니다. <table> 요소는 표 형식의 데이터를 표시하는 데 사용됩니다.

HTML <span> 요소는 텍스트의 컨테이너로 사용할 수 있는 인라인 요소입니다. <span> 요소도 특별한 의미가 없습니다.

CSS와 함께 사용하면 <span> 요소를 사용하여 텍스트 일부에 대한 스타일 속성을 설정할 수 있습니다.