[HTML] <div> , <span>

2021. 10. 4. 22:50HTML&CSS&JavaScript/HTML&CSS

반응형

<div>태그는 "divide"의 약자로서, 논리적인 섹션으로 분리하는데 사용 되는 태그이다.

또한 <div>는 블록 수준 요소이기 때문에 하나의 줄을 전부 차지한다.

 

<span> 요소는 인라인 요소로서 텍스트를 위한 컨테이너로 사용할 수 있다.

 

위 HTML를 실행하면

위와 같은 화면이 나온다.

 

정리하자면, 

<div>와 <span>은 요소를 모아서 하나의 묶음으로 만든 후에 특정한 스타일이나 위치, 크기 등을 적용하는 경우에 많이 사용된다.

반응형

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

[CSS] float 속성 / z-index  (0) 2021.10.14
[CSS] 요소 위치 정하기  (0) 2021.10.12
[CSS] 블록요소 & 인라인 요소  (0) 2021.10.11
[CSS] transition 속성  (0) 2021.09.20
[CSS] background  (0) 2021.09.18