[HTML] 주요태그 <p>, <br>

<P>태그	단락 묶기
<br>태그	한줄 띄기

다음과 같은 본문 내용을 웹브라우저에서 실행하면 어떻게 될까?

 

 

HTML에서는 엔터키를 누른다고 해서 줄바꿈이 되지 않는다고 언급했었다. 결과물은 다음과 같다. 시각적으로 읽고 싶지 않게 화면에 나온다. 이럴때 필요한게 <p>, <br>태그이다. <p>태그는 단락을 나타내며 단락을 묶고 한줄 띄기까지 해준다. <br>태그는 한줄만 띄어주는 태그이다.

 

 

태그를 접목한 소스코드이다. 제목에는 <h3>제목태그를 사용하였고, <p>태그를 사용하여 단락을 감싸 주었다. <br>태그를 사용하여 시각적으로 보기 좋게 단락간에 간격을 2줄 더 띄어 주었다.

 

 

웹브라우저로 실행한 화면이다. <h3>태그와 <p>태그와 <br>태그를 사용하여 한결 가독성이 좋아졌다.

 

 

번외.

위처럼 <br>태그를 사용해도 정상작동하지만, 닫힘태그가 필수로 들어가야하는 XHTML같은 경우 호환문제로 <br/>로 사용하는 경우가 많다고 하니 참고하도록 하자. 사용법은 / 만 추가됬을 뿐 같다.