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는 없음
'HTML - CSS > html 공부' 카테고리의 다른 글
| [HTML] select 태그 (0) | 2023.04.05 |
|---|---|
| [HTML] pre 태그 (0) | 2023.04.05 |
| [HTML] button 태그 (0) | 2023.04.05 |
| [HTML] input tag 타입 (0) | 2023.04.04 |
| [HTML] 시멘틱 태그 (0) | 2023.04.04 |