HTML <div> 태그
예시
CSS로 스타일이 지정된 문서의 <div> 섹션:
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>This is a heading
in a div element</h2>
<p>This is some text in a div element.</p>
</div>
</body>
</html>
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
<div>
태그는 HTML 문서에서 구분 또는 섹션을 정의합니다 .
태그는 HTML 요소 의 <div>
컨테이너로 사용되며 CSS로 스타일이 지정되거나 JavaScript로 조작됩니다.
태그 는 <div>
class 또는 id 속성을 사용하여 쉽게 스타일을 지정할 수 있습니다.
모든 종류의 콘텐츠를 <div>
태그 안에 넣을 수 있습니다!
참고: 기본적으로 브라우저는 항상 <div>
요소 앞뒤에 줄 바꿈을 배치합니다.
브라우저 지원
Element | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
전역 속성
<div>
태그는 HTML의 전역 속성도 지원 합니다 .
이벤트 속성
<div>
태그는 HTML의 이벤트 속성 도 지원합니다 .
관련 페이지
HTML 자습서: HTML 블록 및 인라인 요소
HTML 튜토리얼: HTML 레이아웃
HTML DOM 참조: Div 개체
기본 CSS 설정
대부분의 브라우저는 <div>
다음 기본값으로 요소를 표시합니다.
예시
div {
display: block;
}