우리가 알다시피 div 태그는 HTML 요소를 함께 그룹화하는 데 사용되며 CSS 및 웹 레이아웃을 적용하는 것입니다 div 태그를 사용하지 않고 아래 예제를 볼 수 있습니다. 이 예제에서는 각 태그에 CSS를 적용해야 합니다(H1 H2 및 두 단락 p 태그를 사용하는 예제에서) 이 예제에서는 div의 속성인 name color.css를 사용하여 특정 Div에 클래스를 사용했습니다. 이 HTML 코드의 링크 태그에 의해 링크된 별도의 파일스팬 태그는 div 태그와 유사한 줄 바선을 만들지 않고 사용자가 동일한 줄 내의 페이지에서 주변의 다른 요소와 사물을 분리할 수 있도록 합니다. 줄 바그 걸기를 피하고 선택한 텍스트만 변경하여 주변의 다른 모든 요소를 동일하게 유지합니다. 아래 예제는 범위와 div 태그 의 차이를 표시하고 div 태그에는 전체 너비가 포함되어 있고 범위 태그에는 필요한 너비만 포함하고 나머지 부분은 다른 요소에 대해 무료입니다. 코드: 이 예제는 CSS를 사용하여

스타일을 적용하여 그림자 상자를 만듭니다.
클래스 특성을 사용하여 “섀도우박스”라는 스타일을 요소에 적용합니다. 다음은 포함된 스타일을 사용하고
태그의 클래스 특성을 통해 적용하는 예입니다. 같은 줄이 아닌 새 줄에 매번 div 태그가 표시됩니다. 예 1: Div 태그를 사용하여 웹 레이아웃 만들기 div 태그는 div 태그 내부의 컨테이너 태그로 둘 이상의 HTML 요소를 배치할 수 있으며 함께 그룹화할 수 있으며 CSS를 적용할 수 있습니다. div 태그는 아래 예제에서 웹 페이지의 레이아웃을 만드는 데 사용할 수 있습니다 우리는 또한 테이블 태그를 사용 하 여 웹 레이아웃을 만들 수 있습니다 웹 레이아웃을 만들 수 있습니다 하지만 테이블 태그는 레이아웃을 수정 하는 매우 복잡 한 div 태그는 웹 레이아웃을 만드는 데 매우 유연 하 고 수정 하기 쉬운 y. 아래 예제에서는 div 태그를 사용하여 HTML 요소의 그룹화를 표시하고 블록 별 웹 레이아웃을 만듭니다. 예: Div 태그를 사용하여 이 예제에서는 제목 태그와 단락 태그 사이의 간격을 커버할 수 있으며 세 블록의 웹 레이아웃이 표시됩니다.

보시다시피 콘텐츠를

태그 안에 배치하기만 해도 콘텐츠의 모양은 실제로 아무 것도 하지 않습니다. 단순히 동봉된 내용을 보유 하는 컨테이너 역할을 합니다. HTML 4.01 문서에서
태그는 HTML 문서의 다양한 탐색 섹션(예: 헤더, 바닥글, 콘텐츠 영역, 사이드 바 등)을 지정하는 데 자주 사용되었습니다.
태그는 다른 페이지 요소를 캡슐화하고 HTML 문서를 섹션으로 나누는 컨테이너 단위에 지나지 않습니다. 웹 개발자는
요소를 사용하여 HTML 요소를 함께 그룹화하고 CSS 스타일을 여러 요소에 한 번에 적용합니다.