HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가집니다.
대부분의 HTML 요소는 이러한 display 속성값으로 inline 타입 도는 block 타입 - 이 두 가지 값 중 하나를 가지게 됩니다.
<p>, <div>, <h>, <ul>, <ol>, <form>요소는 display 속성값이 블록(block)인 대표적인 요소입니다.
<span>, <a>, <img>요소는 display 속성값이 인라인(inline)인 대표적인 요소입니다.
출처 TCPschool.com
inline 요소: 컨텐츠가 수평으로 이어지는 것을 의미합니다. 즉, 요소들이 한 줄에 나란히 배치되며, 가로 방향으로 흐릅니다.
block 요소: 컨텐츠가 수직으로 쌓이는 것을 의미합니다. 즉, 요소들이 새로운 줄에서 시작되며, 세로 방향으로 쌓입니다.
출처 chatGTP
https://youtu.be/Gy_T_fcnQYA?list=PLlaP-jSd-nK-ponbKDjrSn3BQG9MgHSKv
HTML 강의 Ep06 - Block 레벨 요소와 Inline 레벨 요소 란? | 웹 개발 입문 | 함께 웹 개발에 입문해 보는건 어떨까요?
'frontend > HTML' 카테고리의 다른 글
| 컨테이너을 만드는 html 태그의 종류들 (0) | 2023.07.22 |
|---|---|
| position 속성 (0) | 2023.07.21 |
| section 태그가 추가된 이유 (0) | 2023.07.21 |
| html, img, 절대경로/상대경로 (0) | 2023.07.21 |
| <div class=>`와 `<div id=>`의 차이 (0) | 2023.07.21 |
| 크로스플랫폼과 html (0) | 2023.07.21 |
| 문서 구조화하기 (0) | 2023.07.21 |
| HTML5 144개의 태그 중 가장 많이 쓰이는 것 (0) | 2023.07.21 |
