[HTML] Paragraph

박우현·2020년 12월 17일
0
post-thumbnail
post-custom-banner

👌 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>	빈칸과 줄바꿈 그대로 표시

👍 참고 사이트

post-custom-banner

0개의 댓글