<br> vs. <p>

<br>

HTML 에서 줄바꿈을 나타내려면 어떤 태그를 사용해야 하는지 검색 사이트를 통해 검색해보았다.

Google 포탈사이트에 "html new line tag" 라고 검색하였다.

 

이 중 첫번째 사이트에 접속하여 결과를 보니 <br> 태그에 대하여 적혀있었다.

Definition and Useage

• The <br> tag inserts a single line break.
• The <br> tag is useful for writing addresses or poems.
• The <br> tag is an empty tag which means that it has no end tag.

 

즉, <br> 태그는 하나의 줄바꿈을 실행하는 태그이며, 연락처나 시를 작성할 때 유용하고, end tag(</br>)를 작성하지 않는다.

 

 

Tips and Notes

Use The <br> tag to enter line breaks, not to add space between paragraphs.

문단 사이의 공간을 추가할  때는 사용하지 않는 것이 좋다고 나와있다.

(강의에서도 문단 사이의 공간은 CSS의 문법을 사용하여 추가한다고 나와있었음.)

 

예시 코드

<!--
HTML 에서 <br>태그는 줄바꿈을 할 때 사용함.
여러번 사용하면 원하는 만큼 줄바꿈 가능.
-->
Be not afraid of greatness.<br><br><br>
Some are born great,<br>
some achieve greatness,<br>
and others have greatness thrust upon them.<br><br><br>

 

실행 결과

Be not afraid of greatness.


Some are born great,
some achieve greatness,
and others have greatness thrust upon them.

 

 

 

<p>

그럼 문단을 나타내는 태그도 알아봐야 하니 똑같이 구글에 검색해보았다.

Google 포탈사이트에 "html paragraph tag" 라고 검색해보았다.

 

적혀있는 내용들을 정리하면

Definition and Usage

• The <p> tha defines a paragraph.
• Browsers automatically add a single blank line before and after each <p> element.

<p> 태그는 문단을 정의하며, 브라우저에서 자동적으로 <p> 요소 앞뒤로 공백을 생성한다.

 

Tip : Use CSS to style paragraphs.

 

CSS를 사용하여 문단을 꾸밀 수 있다.

 

예시 코드

<!--
<p> 태그는 단락(paragraph)를 나타내는 태그.
단락을 표현하기 때문에 여백을 나타내는 데 한계가 있음.
하지만, CSS를 활용하여 편집 가능.
-->
<p>Be not afraid of greatness.<p>
<p>Some are born great,
some achieve greatness,
and others have greatness thrust upon them.</p>

 

실행 결과 

Be not afraid of greatness.

Some are born great, some achieve greatness, and others have greatness thrust upon them.