[HTML] <p> 태그

<p> 태그란?

• 문단을 나타내는 블록 요소
• 텍스트를 단락으로 나눌 때 사용되며, 위아래 여백이 포함된다.
• 자동으로 줄 바꿈이 적용된다.

<p>@("이것은 <p> 태그입니다.")</p><p>자동으로 줄 바꿈 적용</p>

---

class 적용

• CSS를 사용하여 스타일을 적용할 수 있다.

<style>
    .highlight {
        color: blue;
        font-weight: bold;
    }
</style>

<p class="highlight">스타일 적용</p>

---

<p> 태그 안에서의 포함 요소

• 텍스트와 <strong>, <a>, <span> 등과 같은 인라인 요소를 포함할 수 있다.
• <div>, <h1>, <p> 등과 같은 블록 요소는 포함할 수 없다.
• <p> 태그 내부에서 줄 바꿈이 필요하다면 <br> 태그를 사용할 수 있다.

<p><strong>인라인 요소</strong><br />를 포함할 수 있습니다.</p>

• 만약, <p> 태그 내부에 블록 요소를 넣는다면 구문 분석 단계에서 자동으로 <p> 태그를 닫는다.

<p>이 태그는<h1>이와 같은</h1><div>블록 요소는</div>자동으로 닫힘 처리 됩니다.</p>

 

---

태그 관련 글 바로가기 모음

[HTML] <div> 태그

[HTML] <p> 태그

[HTML] <a> 태그