HTML <p> 태그

정의와 사용법

<p> 태그를 문단으로 정의합니다.

브라우저는 자동으로 매 <p> 요소 앞뒤에 빈 줄을 추가하십시오.

안내:CSS를 사용하여 문단 스타일 설정。

또한 참조:

HTML 강의:HTML 문서

HTML DOM 참조 가이드:Paragraph 객체

실례

예제 1

이렇게 문단을 표시하십시오:

<p>이 문단에 포함된 일부 텍스트입니다.</p>

직접 시험해 보세요

예제 2

문단 텍스트 정렬( CSS 사용):

<p style="text-align:right">이 문단에 포함된 일부 텍스트입니다.</p>

직접 시험해 보세요

예제 3

CSS를 사용하여 문단 스타일 설정:

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>
<p>중국, 공식적으로 중화 인민 공화국(PRC)로 알려져 있으며, 동아시아에 위치한 나라입니다. 세계에서 두 번째로 인구가 많은 나라로, 인구는 14억 명을 초과하고 있습니다. 중국은 5개의 시간대와 14개국에 접壤하고 있으며, 약 960만 제곱킬로미터(3,700,000 평방마일)의 면적을 가지고 있으며, 총 토지 면적에서 세 번째로 큰 나라입니다. 나라는 22개의 성, 5개의 자치구, 4개의 직할시, 2개의 반자치구로 나뉘어 있습니다. 베이징은 국가 수도이고, 상해는 인구가 많은 도시이자 가장 큰 금융 중심지입니다.</p>
</body>
</html>

직접 시험해 보세요

예제 4

more paragraphs:

<p>
in the source code,
this paragraph
contains many lines,
but the browser
ignore it.
</p>

직접 시험해 보세요

예제 5

HTML에서의 시诗歌제:

<p>
　　In the morning, the white emperor's color between the clouds,
　　A thousand miles of the river in one day back.
　　The猿voice can not stop on both sides,
　　Light boat has passed ten thousand mountains.
</p>

직접 시험해 보세요

전역 속성

<p> 태그는 또한 HTML에서의 전역 속성。

이벤트 속성을 지원합니다

<p> 태그는 또한 HTML에서의 이벤트 속성。

기본 CSS 설정

대부분의 브라우저는 다음과 같은 기본 값으로 표시합니다 <p> 요소:

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

직접 시험해 보세요

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원