본문 바로가기

Webstoryboy

Category

Explanation

REFERENCE/HTML

[HTML] <p>

<p>

<p> 태그는 단락을 나타냅니다. 문단은 하나로 묶을 수 있는 짧막한 단위를 말하며, 단락은 하나 하나의 짧은 토막이라고 말 할 수 있습니다. 즉 단락이 모여서 문단이 됩니다. 마크업 할 때는 문단은 <div> 태그로 그 안에는 여러개의 <p> 태그로 구성되어 있다고 보시면 됩니다. <p> 태그와 <p> 태그 사이에는 한 줄의 행간이 표현됩니다.


<p>

<p> 태그는 단락을 정의합니다.

정의(Definition)

  • <p> 태그는 단락(paragraph)을 정의합니다.
  • <p> 태그와 <p> 태그 사이에는 한 줄의 행간이 표현됩니다.
  • 문단은 하나로 묶을 수 있는 짧막한 단위를 말하며, 단락은 하나 하나의 짧은 토막이라고 말 할 수 있습니다. 즉 단락이 모여서 문단이 됩니다. 마크업 할 때는 문단은 <div> 태그로 그 안에는 여러개의 <p> 태그로 구성되어 있다고 보시면 됩니다.
  • <p> 태그는 align 속성을 사용하지 않습니다.

Sample1

<p> 태그를 사용하는 예제입니다.

결과

문단은 하나로 묶을 수 있는 짧막한 단위를 말하며, 단락은 하나 하나의 짧은 토막이라고 말 할 수 있습니다. 즉 단락이 모여서 문단이 됩니다. 마크업 할 때는 문단은 <div> 태그로 그 안에는 여러개의 <p> 태그로 구성되어 있다고 보시면 됩니다.

<pre> 태그는 마크업 소스를 화면 그대로 표현합니다. HTML 마크업시 두칸 이상은 브라우저에서 한칸으로 표현됩니다. 하지만 <pre> 태그는 마크업의 빈칸과 줄바꿈을 화면 그대로 표현합니다. 코드를 보여줄 때 많이 사용하는 편입니다.

html
<p>문단은 하나로 묶을 수 있는 짧막한 단위를 말하며, 단락은 하나 하나의 짧은 토막이라고 말 할 수 있습니다. 즉 단락이 모여서 문단이 됩니다. 마크업 할 때는 문단은 <div> 태그로 그 안에는 여러개의 <p> 태그로 구성되어 있다고 보시면 됩니다.</p>
<p><pre> 태그는 마크업 소스를 화면 그대로 표현합니다. HTML 마크업시 두칸 이상은 브라우저에서 한칸으로 표현됩니다. 하지만 <pre> 태그는 마크업의 빈칸과 줄바꿈을 화면 그대로 표현합니다. 코드를 보여줄 때 많이 사용하는 편입니다.</p>

호환성(Compatibility) 더보기 caniuse.com

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
<p> 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

참고(Reference)

  • MDN
  • HTML5

Tag

AD

comments