<div> 태그
`<div>` 태그는 HTML에서 가장 일반적으로 사용되는 태그 중 하나입니다. "div"는 "division"의 줄임말로, 문서의 영역을 나누거나 그룹화하기 위해 사용됩니다. 주로 CSS 스타일을 적용하거나 자바스크립트로 조작하기 쉽도록 요소들을 묶는 용도로 사용됩니다.
일반적으로 `<div>` 태그는 아무 의미도 갖지 않습니다. 즉, 브라우저에게 특별한 의미나 스타일을 전달하지 않습니다. 대신, 해당 요소에 대한 스타일 및 레이아웃을 지정하기 위해 사용됩니다.
예를 들어, 다음은 `<div>` 태그를 사용하여 두 개의 요소를 그룹화하고 스타일을 적용하는 예입니다:
```html
<!DOCTYPE html>
<html>
<head>
<title>Div 태그 예제</title>
<style>
.container {
width: 400px;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
}
.content {
background-color: lightblue;
padding: 10px;
border: 1px solid blue;
}
</style>
</head>
<body>
<div class="container">
<div class="content">
<h2>내용 영역</h2>
<p>이 곳은 내용을 담는 영역입니다.</p>
</div>
</div>
</body>
</html>
```
위 예제에서는 `<div>` 태그를 사용하여 내용을 감싸고, 각각에 대한 스타일을 지정하였습니다. 이를 통해 요소들을 레이아웃하고 디자인하는 데 편리하게 사용할 수 있습니다.