본문 바로가기
EPUB 태그 배우기

EPUB에서 기본적인 태그: <p> (문단 태그)

by EPUB 마스터 박원옥 2025. 1. 29.
반응형
SMALL

 

p태그 문단

EPUB에서 기본적인 태그: <p> (문단 태그)

전자책을 만들 때, 문장을 효과적으로 정리하고 가독성을 높이려면 문단을 구분하는 방법이 중요합니다. 오늘은 EPUB에서 가장 많이 사용되는 <p> 태그를 소개합니다!


1. <p> 태그란?

  • 문장을 문단 단위로 구분하는 태그입니다.
  • 자동으로 줄바꿈이 적용되며, 앞뒤에 적절한 여백이 추가됩니다.
  • HTML과 EPUB에서 문서를 구조화하는 데 필수적인 태그입니다.

2. <p> 태그의 기본 사용법

📌 기본 예제

<p>이것은 첫 번째 문단입니다.</p>
<p>이것은 두 번째 문단입니다.</p>

결과:
이것은 첫 번째 문단입니다.
이것은 두 번째 문단입니다.

위 예제에서 <p> 태그를 사용하면 각 문단이 자동으로 줄 바뀜과 여백이 포함된 상태로 표시됩니다.


3. <br/> 태그와 <p> 태그의 차이

<br/> 태그는 단순한 줄바꿈을 할 때 사용하지만, <p> 태그는 하나의 문단을 형성하는 역할을 합니다.

📌 비교 예제

<p>이것은 문단입니다.</p>
이것은<br/>줄바꿈 태그입니다.

결과:

  • <p> 태그는 문단 간 여백이 포함됩니다.
  • <br/> 태그는 단순 줄바꿈만 적용됩니다.

👉 문단을 만들고 싶다면 <p> 태그를, 줄만 바꾸고 싶다면 <br/> 태그를 사용하세요!


4. <p> 태그 속성 활용하기

✅ 문단을 가운데 정렬하기

<p style="text-align: center;">이 문장은 가운데 정렬되었습니다.</p>

✅ 문단에 배경색 추가하기

<p style="background-color: yellow;">이 문장은 배경색이 추가되었습니다.</p>

✅ 문단에 여백 조절하기

<p style="margin: 20px;">이 문장은 여백이 추가되었습니다.</p>

👉 이처럼 <p> 태그는 스타일을 적용하여 다양한 효과를 줄 수 있습니다.


5. EPUB에서 <p> 태그 활용하기

전자책에서 <p> 태그를 사용하면 문서를 보다 체계적으로 정리할 수 있습니다. 아래는 EPUB에서 <p> 태그를 활용하는 예제입니다.


6. <p> 태그 사용 시 주의할 점

✅ <p> 태그 안에 다른 문단 태그를 넣지 마세요.
❌ 잘못된 예제:

<p><p>잘못된 문단 중첩입니다.</p></p>

문단을 구분할 때만 사용하세요.
줄바꿈만 필요하면 <br/>을 활용하세요.


7. 마무리하며

이제 <p> 태그의 개념과 활용 방법을 알게 되셨죠? 전자책 제작에서 문장을 정리하는 것은 가독성을 높이는 중요한 작업입니다. <p> 태그를 활용하여 깔끔한 전자책을 만들어보세요!

📌 다음 포스팅에서는 제목 태그 <h1> ~ <h6> 에 대해 다뤄보겠습니다. 기대해주세요! 😊


해시태그

#EPUB태그 #문단태그 #전자책제작 #HTML기초 #EPUB가이드

 

반응형
LIST