jinseon's log

[HTML] 태그의 두 가지 성격 본문

HTML & CSS/HTML

[HTML] 태그의 두 가지 성격

J_SEON 2022. 11. 22. 23:58

✔ Block 요소

<!-- Block 요소 -->
<p>Hello Elice</p>
<p>Hello Elice</p>
<p>Hello Elice</p>

- 특정 공간을 점유

- y축 정렬 형태로 출력 (줄바꿈 현상)

- 공간을 만들 수 있고, 상하 배치 작업 가능

 

✔ Inline 요소

<!-- Inline 요소 -->
<a>Bye Elice</a>
<a>Bye Elice</a>
<a>Bye Elice</a>

- x축 정렬 형태로 출력 (한 줄에 출력)

- 공간을 만들 수 없고, 상하 배치 작업 불가능

'HTML & CSS > HTML' 카테고리의 다른 글

[HTML] 구조를 잡을 때 사용하는 태그  (0) 2022.11.22
[HTML] 기본 태그  (0) 2022.11.22
Comments