요소가 화면에 출력되는 특성, 크게 2가지로 구분
인라인(Inline) 요소
- span
- 글자를 만들기 위한 요소들
- 요소가 수평으로 쌓임
- 포함한 콘텐츠 크기만큼 자동으로 줄어듬
- 가로,세로,위아래여백은 조절x, 좌우여백은 가능
- 인라인 요소 안에 블록 요소를 사용할 수 없다
블록(Block) 요소
- div
- 상자(레이아웃)를 만들기 위한 요소들
- 요소가 수직으로 쌓임
- 부모 요소의 크기만큼 자동으로 늘어남(가로), 세로크기는 자동으로 줄어듬
- 가로,세로,여백 조절 가능
- 블록 요소 안에 블록, 인라인 모두 가능
'HTML' 카테고리의 다른 글
| [HTML] HTML 핵심 요소와 전역 속성 (0) | 2023.01.17 |
|---|---|
| [HTML] 이미지 출력, 상대 경로 vs 절대 경로, 링크 (0) | 2023.01.17 |
| [HTML] 정보를 의미하는 태그 (0) | 2023.01.17 |
| [HTML] HTML 기본 구조 (0) | 2023.01.17 |
