본문 바로가기

HTML

HTML <div> 태그

반응형

 

 

정의 및 특징

・<div> 태그는

 HTML 문서에서 특정 영역(division)이나

 구획(section)을 정의할 때 사용한다

 

・<div> 요소는 여러 HTML 요소들을 하나로 묶어주어

 CSS로 스타일을 변경하거나

 자바스크립트로 특정 작업을 수행하기 위한

 일종의 컨테이너(container)로 자주 사용된다

 또한, CSS와 함께

 웹 페이지의 레이아웃(layout)을

 설정하는데도 종종 사용된다

 

HTML5에서는 <div> 태그의 align 속성을 더 이상 지원하지 않는다

 

 

지원하는 브라우저

지원함 지원함 지원함 1.0 지원함 지원함

 

속성

속성명 속성값 설명
align left
right
center
justify
<div> 요소 내부의 콘텐츠에 대한 정렬 방법을 명시한다
HTML5에서는 더 이상 지원하지 않는다

 

예제

<p>HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가집니다</p>
<div><p>div 요소는 다른 HTML 요소들을 하나로 묶는 데 자주 사용되는 대표적인 블록(block) 요소입니다</p></div>
<p>span 요소는 텍스트(text)의 특정 부분을 묶는 데 자주 사용되는 인라인(inline) 요소입니다</p>
HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가집니다
div 요소는 다른 HTML 요소들을 하나로 묶는 데 자주 사용되는 대표적인 블록(block) 요소입니다
span 요소는 텍스트(text)의 특정 부분을 묶는 데 자주 사용되는 인라인(inline) 요소입니다

 

 

■HTML 태그 레퍼런스
HTML 태그 레퍼런스 - MAIN 돌아가기

 

 

반응형

'HTML' 카테고리의 다른 글

HTML <dt> 태그  (0) 2023.06.19
HTML <dl> 태그  (0) 2023.06.17
HTML <dir> 태그  (0) 2023.06.15
HTML <dialog> 태그  (0) 2023.06.14
HTML <dfn> 태그  (0) 2023.06.13