[HTML] p, br 태그

 

오늘은 HTML 태그 중 가장 기본이 되는 p태그와 br태그에 대해 알아볼게요 😃

 

p태그 ( <p> </p> ) / br태그 ( <br> )

p(paragraph)태그는 단락,문단,절 등을 구분할 때 사용합니다.
br태그는 텍스트 내의 줄 바꿈(line-break)을 정의할 때 사용합니다.

 

 예를 들어 설명하면, 우리가 html 코드에서 아래와 같이 엔터(Enter)로 줄과 단락을 구분한다 해도

 

 웹 브라우저 화면에서는 이렇게 단락 구분 없이 쭉 나열돼요 😥

 

이제 HTML의 태그를 삽입해볼게요 

 

줄 바꿈(엔터)를 하기위해 기존에 엔터를 치던 문장의 끝에

'내가 여기서 줄바꿈(엔터)를 하겠다!'라는 의미로 <br>을 붙여주면 되구요 :)

(참고로 <br> 태그는 빈(empty) 태그로 <br>만 사용하면 되지만! XHTML의 경우에는 <br />로 사용해야 한다고 해요)

 

한 단락이라는 것을 구분하기 위해서는 한 단락의 첫 글자 앞에 <p>를 삽입하고

그 단락이 끝나는 마지막 글자 뒤에 </p>를 삽입하면 끝!

 

아래 그림을 참고해주세요 🙂

 

 

 

위와 같이 해주면 줄 바꿈도 되고 단락도 구분된 웹 브라우저가 보이실 거예요! 🤗