HTML

요소 사용법 – 웹 문서의 단락을 정의하는 기본 태그

HTML의 <p>(단락) 요소를 사용하는 방법을 알아보세요.

HTML의 <p> 요소는 문서에서 단락(paragraph)을 정의할 때 사용됩니다:

<p>단락 요소 안에 들어가는 텍스트입니다.</p>

<p> 요소는 웹에서 가장 많이 사용되는 텍스트 요소입니다. 지금 읽고 계신 이 글 역시 거의 대부분이 단락 요소로 구성되어 있습니다.

<p> 요소는 블록 레벨(block-level) 요소입니다. 즉, 기본적으로 문서에서 정의한 모든 단락은 브라우저에서 각각 새로운 줄을 차지하게 됩니다:

<p>단락 요소 안에 들어가는 텍스트입니다.</p>

<p>또 다른 단락 요소 안에 들어가는 텍스트입니다.</p>

만약 <p> 태그를 <span> 태그로 바꾸면, 두 텍스트 블록은 인라인(inline)으로 표시됩니다. 즉, 줄이 바뀌며 쌓이는 대신 바로 옆에 나란히 배치되는데, 이는 <span>이 인라인 요소이기 때문입니다.

기본적으로 단락 요소는 대부분의 브라우저에서 사용자 에이전트 스타일시트(User-Agent Stylesheet)로부터 다음과 같은 스타일 속성을 상속받습니다:

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

이 스타일은 margin 속성으로 위아래 여백을 적용하여 단락 사이에 명확한 줄 구분을 만들어 줍니다.

물론 CSS 스타일시트를 불러오거나 인라인 스타일을 사용하면 이러한 기본 스타일을 언제든 자유롭게 재정의(오버라이드)할 수 있습니다.