<p> , <br> - paragraph , 줄바꿈 태그

p태그

HTML의 <p> 태그는 텍스트 단락을 만드는 데 사용되며 문단의 텍스트 내용은 여는 <p> 태그와 닫는 </p> 태그 사이에 배치한다.

<p>This is the first paragraph.</p>
<p>This is the second paragraph.</p>

 

또한 클래스나 ID를 <p> 태그에 추가하여 스타일을 위해 CSS에서, 수행 동작을 위해 JavaScript에서 사용할 수 있다.

<!-- paragraph 클래스명 지정 -->
<p class="paragraph">This is a paragraph of text.</p>

#style정의
.paragraph{
  font-size: 20px;
}

// paragraph클래스명을 selector로 사용해서 객체 핸들링
let p = document.getElementsByClassName("paragraph")

 

br 태그

HTML의 <br> 태그는 줄 바꿈을 만드는 데 사용된다. 빈 태그로, 닫는 태그가 없다.

<p>This is the first line of text.<br><br>This is the second line of text.</p>

또한 텍스트를 다른 행으로 구분하고 새 단락을 만들지 않으려면 <br> 태그를 사용한다.