[HTML] Paragraph

👀 HTML Paragraph

HTML의 문단 형식에 대해 알아보자

<p> 태그로 Paragraph를 분할

<p>This is paragraph 1</p>
<p>This is paragraph 2</p>

✔ HTML 디스플레이

HTML은 빈칸이나 줄바꿈을 해도 디스플레이 변경 불가능

<p>
This           is a            paragraph with             a lot of  space
</p>
<p>
This is a
paragraph
with a lot of
lines
</p>

✔ HTML 줄바꿈

<br> 태그로 줄바꿈이 가능

<p>This is<br>a paragraph<br>with line breaks.</p>

✔ HTML hr 태그

<hr> 태그를 사용하면 horizontal rule 생성

<h1>Heading 1</h1>
<hr>
<h2>Heading 2</h2>

✔ HTML Pre 태그

<pre> 태그를 사용하면 빈칸과 줄바꿈을 그대로 표시. 그러나 fixed-width font로 디스플레이 된다.

<pre>
   This is paragraph 1.
   This is paragraph 2.
   This is Paragraph 3.
</pre>

✔ 정리

<p>    문단
<hr>    가로선
<br>    줄바꿈
<pre>    빈칸과 줄바꿈 그대로 표시

👍 참고 사이트

1. w3schools HTML Paragraph