2024-10-10
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
1. 블록레벨 요소
- 주로 태그 : div, hn, p
- 사용 가능한 최대 가로 너비로 사용한다.
- width : 100%, hrigh : 0% 로 시작 ==> default 값
- 크기를 지정 할 수 있음.
- 수직으로 쌓임
- margin, padding의 속성에 상단, 하단, 오른쪽, 왼쪽
사용이 가능함.
-주로 레이아웃을 설정하는 용도로 사용이 됨.
2. 인라인레벨 요소
- 주요 태그 : span, img
- 필요한 만큼의 너비를 사용한다.
- width : 0%, height : 0% 로 시작. ==> default 값
- 크기를 지정할 수 없음.
- 수평으로 쌓임.
- margin, padding 의 속성에 상단, 하단, 오른쪽, 왼쪽
사용이 불가능함.
- 주로 텍스트를 설정하는 용도로 사용이 됨.
-->
<h1>HELLO</h1>
<div>DIV TAG <br>
<br>
</div>
<span>SPAN TAG</span>
</body>
</html>
