본문 바로가기
IT/html

HTML p 태그

by 뉴코딩맨 2023. 2. 14.

HTML (Hypertext Markup Language)에서 p 태그는 문서의 단락(paragraph)을 표현하는 태그입니다.

 

p 태그는 블록 레벨 요소로, 새로운 줄에서 시작하며, 상위 요소인 div와 같은 컨테이너 요소 내부에 위치할 수 있습니다. 주로 텍스트 내용을 구분하여 작성할 때 사용합니다.

p 태그는 다음과 같은 속성을 가질 수 있습니다.

  • align: 단락의 수평 정렬 방법을 지정합니다. left, right, center, justify 값을 사용할 수 있습니다.
  • class: CSS 스타일을 적용하기 위한 클래스 이름을 지정할 수 있습니다.
  • id: 요소의 고유한 식별자를 지정할 수 있습니다.
  • style: 인라인 스타일을 적용하기 위한 스타일 속성을 지정할 수 있습니다.

 

사용법

 

다음은 p 태그를 사용한 예시 코드입니다.

 

<p>안녕하세요, 이것은 첫 번째 단락입니다.</p>
<p>여기는 두 번째 단락입니다.</p>

 

위 코드는 "안녕하세요, 이것은 첫 번째 단락입니다."와 "여기는 두 번째 단락입니다."라는 두 개의 단락을 만듭니다.

 

p 태그는 텍스트 이외에도 이미지, 동영상 등을 담을 수 있습니다. 그러나 이 경우 대신 HTML5에서는 figure 태그와 figcaption 태그를 사용하는 것이 권장됩니다.

 

'IT > html' 카테고리의 다른 글

html img 태그  (0) 2023.02.20
html a 태그  (0) 2023.02.19
html 목록 태그  (0) 2023.02.18
HTML 이란?  (0) 2023.02.17
html h 태그  (0) 2023.02.17

댓글