- Block 요소
y축 정렬 형태로 출력 (줄바꿈 현상 나타남). 공간을 만들 수 있고, 상하 배치 작업 가능 - Inline 요소
x축 정렬 형태로 출력 (한 줄에 출력). 공간을 만들 수 없고, 상하 배치 작업 불가능
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Block, Inline</title>
</head>
<body>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<a>Bye</a>
<a>Bye</a>
<a>Bye</a>
</body>
</html>
<h>태그는 block요소이고 <a>태그는 inline 요소이다.
'웹 프론트엔드 > HTML' 카테고리의 다른 글
| 구조를 잡을 때 사용하는 태그 (0) | 2024.05.11 |
|---|---|
| HTML 기본 태그 (0) | 2024.05.10 |
