가이드라인

Span과 P 태그의 차이

<span> 태그와 <p> 태그는 모두 텍스트를 사용할 때 사용하는 태그입니다.

두 태그의 차이점은 <p> 태그는 각각 다른 줄에 배치되고, <span> 태그는 다른 태그와 같은 줄에 텍스트를 배치할 수 있다는 것입니다.

<p> 태그는 기본적으로 사용할 때마다 텍스트를 새로운 줄에 배치하게 됩니다.

하지만 <span> 태그는 여러 번 사용하더라도, 텍스트가 한 줄에 배치됩니다.

span 태그 예시 코드
<span>안녕하세요</span> <span>반갑습니다</span>

위 코드에서 "안녕하세요"와 "반갑습니다"는 같은 줄에 표시됩니다.


반면 <p> 태그는 텍스트를 새로운 줄에 배치합니다.

p 태그 예시 코드
<p>안녕하세요</p> <p>반갑습니다</p>

위 코드에서 "안녕하세요"와 "반갑습니다"는 각각 다른 줄에 표시됩니다.

가이드라인

AI 튜터

배포

디자인

업로드

수업 노트

즐겨찾기

도움말