Record

<div> 태그 본문

JAVA/수업리뷰

<div> 태그

pf.styx 2024. 4. 11. 11:11

`<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>` 태그를 사용하여 내용을 감싸고, 각각에 대한 스타일을 지정하였습니다. 이를 통해 요소들을 레이아웃하고 디자인하는 데 편리하게 사용할 수 있습니다.

저작자표시 비영리 변경금지

'JAVA > 수업리뷰' 카테고리의 다른 글

추상메서드는 왜 사용할까?  (0) 2024.04.07
println과 print의 차이점  (0) 2024.04.07
e.printStackTrace() 메소드  (0) 2024.04.03
오라클 데이터베이스에서 사용자 계정을 생성하고 권한을 부여하는 작업  (2) 2024.04.01
향상된 for 문 : 배열이나 컬렉션에 저장된 요소들을 읽어오는 용도로만 사용  (6) 2024.03.31
'JAVA/수업리뷰' Related Articles more