Span과 P 태그의 차이
여기서는 텍스트를 사용할 때, <span> 태그를 사용했습니다.
<p> 태그도 텍스트를 사용할 때 사용했습니다,
왜 여기서는 <span> 태그를 사용했고, 두 태그 사이에는 어떤 차이가 있을지 알아보겠습니다.
<span> 태그와 <p> 태그는 모두 텍스트를 사용할 때 사용하는 태그입니다.
차이점이 있다면, <p> 태그는 각각 다른 줄에 배치되고, <span> 태그는 다른 태그와 같은 줄에 텍스트를 배치할 수 있다는 점입니다.
<p> 태그는 기본적으로 사용할 때마다 텍스트를 새로운 줄에 배치하게 됩니다.
하지만 <span> 태그는 여러 번 사용하더라도, 텍스트가 한 줄에 배치됩니다.
span 태그 예시 코드
<span>안녕하세요</span> <span>반갑습니다</span>
위의 코드는 다음과 같이 표시됩니다.
안녕하세요 반갑습니다그에 반해 <p> 태그는 텍스트를 새로운 줄에 배치합니다.
p 태그 예시 코드
<p>안녕하세요</p>
<p>반갑습니다</p>
위의 코드는 다음과 같이 표시됩니다.
안녕하세요
반갑습니다
텍스트를 사용할 때에 두 태그의 차이를 이해하고, 상황에 맞게 적절한 태그를 사용하는 것이 중요합니다.
다음 내용이 궁금하다면?
코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!