06.HTML Paragraphs

 

 

HTML 단락

---

HTML <p> 요소는 단락을 정의합니다.

 

See the Pen 01.HTML Paragraphs by heunho (@heunho) on CodePen.

 

참고 : 브라우저는 단락 앞뒤에 공백을 자동으로 추가합니다 (여백).

 

HTML Display

---

HTML이 어떻게 표시될지 확신할 수 없습니다.

크고 작은 화면과 크기가 조정 된 창은 다른 결과를 만듭니다.

HTML에서는 HTML 코드에 여분의 공백이나 여분의 줄을 추가하여 출력을 변경할 수 없습니다.

브라우저가 페이지가 표시 될 때 여분의 공백과 여분의 행을 제거합니다.

 

See the Pen 01.HTML Paragraphs by heunho (@heunho) on CodePen.

 

 

닫는 태그를 잊지 마세요.

---

대부분의 브라우저는 종료 태그를 잊어버린 경우에도 HTML을 올바르게 표시합니다.

 

See the Pen 03.Don't Forget the End Tag by heunho (@heunho) on CodePen.

 

위의 예제는 대부분의 브라우저에서 작동하지만, 의존하지는 않습니다.

 

참고 : 종료 태그를 삭제하면 예기치 않은 결과 또는 오류가 발생할 수 있습니다.

 

 

HTML 개행(줄 바꿈)

---

HTML 요소는 개행을 정의합니다.

새 단락을 시작하지 않고 줄 바꿈 (개행)을 원할 경우 <br> 태그를 사용하세요.

 

See the Pen 04.HTML Line Breaks by heunho (@heunho) on CodePen.

 

<br> 태그는 내용이 없는 빈 태그이므로 종료 태그가 없습니다.

 

 

단락에 <br>태그 없이 개행할 경우

---

해당 단락은 한줄로 표시됩니다.

 

See the Pen 05.The Poem Problem by heunho (@heunho) on CodePen.

 

 

HTML <pre> 요소

---

HTML <pre> 요소는 서식이 미리 지정된 텍스트를 정의합니다.

<pre> 요소 안의 텍스트는 고정 너비 글꼴(일반적으로 Courier)로 표시되며 공백과 줄 바꿈을 모두 유지합니다.

 

See the Pen 06.The HTML <pre> Element by heunho (@heunho) on CodePen.

 

 

 

---

틀린 내용, 오타, 오역이 있을 경우 댓글로 알려주시면 감사하겠습니다.

질문도 올려주시면 아는 선에서 답변해드리겠습니다.

---

대부분의 내용의 저작권은 w3schools에 있습니다.

HTML Paragraphs