HTML 기초 정리(30) - <div> 섹션 본문
HTML 기초 정리(30) - <div> 섹션
- 2024. 12. 30. 21:47
728x90
정의 및 사용법
이 <div>태그는 HTML 문서에서 부문이나 섹션을 정의합니다.
태그 <div>는 HTML 요소를 위한 컨테이너로 사용되며, 이후 CSS로 스타일을 지정하거나 JavaScript로 조작합니다.
태그 <div>는 class나 id 속성을 사용하여 쉽게 스타일을 지정할 수 있습니다.
태그 안에는 어떤 종류의 콘텐츠라도 넣을 수 있습니다 <div> !
참고: 기본적으로 브라우저는 항상 요소 앞과 뒤에 줄 바꿈을 넣습니다 <div>.
예시
<!DOCTYPE html>
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<h1>The div element</h1>
<div class="myDiv">
<h2>This is a heading in a div element</h2>
<p>This is some text in a div element.</p>
</div>
<p>This is some text outside the div element.</p>
</body>
</html>
반응형
'프로그램 > HTML' 카테고리의 다른 글
| HTML 기초 정리(32) - <dt> 용어 (0) | 2025.01.02 |
|---|---|
| HTML 기초 정리(31) - <dl> 목록 (0) | 2024.12.31 |
| HTML 기초 정리(29) - <dialog> 대화 (0) | 2024.12.29 |
| HTML 기초 정리(28) - <dfn> 정의 요소 (0) | 2024.12.28 |
| HTML 기초 정리(27) - <details> 세부정보 (0) | 2024.12.18 |
프로그램/HTML Related Articles
-
HTML 기초 정리(32) - <dt> 용어
-
HTML 기초 정리(31) - <dl> 목록
-
HTML 기초 정리(29) - <dialog> 대화
-
HTML 기초 정리(28) - <dfn> 정의 요소
RECENT COMMENT