HTML.CSS.JS/html

[HTML] div 태그

congs 2023. 4. 5. 09:54

div 태그

: 원하는 컨텐츠를 묶어서 사용할때 사용

  • p 태그와 유사
  • block 속성 (새 라인에서 시작)
  • 기본 위/아래의 마진(여백)이 없음
  • 시멘틱 태그의 형태로 <header><footer>등으로 바뀌여서 사용되고 있음

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>div tag</title>
</head>
<body>
    <div>
        - P 태그와 비슷
        - block 속성의 태그 (새 라인에서 시작하는 태그)
        - p태그는 기본 시작의 위/아래에 여백(마진)이 있고, div는 없음
        - 원하는 컨텐츠를 묶어서 사용할 때 쓰임
        - 시멘틱 태그의 형태로 여러가지 말로 바뀌여서 쓰이고 있음
    </div>
    <div>안녕</div>
    <div>반가워</div>
</body>
</html>

 

div와 p 비교

: 모두 콘텐츠를 묶을경우 사용

  • p 태그는 기본 시작의 위/아래 마진(여백) 이 있고, div는 없음