HTML 기초 정리(30) - <div> 섹션

프로그램/HTML

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>