HTML 단락
단락은 항상 새 줄에서 시작하며 일반적으로 텍스트 블록입니다.
HTML 단락
HTML <p>요소는 단락을 정의합니다.
단락은 항상 새 줄에서 시작하고 브라우저는 단락 앞뒤에 일부 공백(여백)을 자동으로 추가합니다.
예시
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML 디스플레이
HTML이 어떻게 표시될지 확신할 수 없습니다.
크거나 작은 화면, 크기 조정된 창은 다른 결과를 생성합니다.
HTML을 사용하면 HTML 코드에 공백이나 줄을 추가하여 표시를 변경할 수 없습니다.
브라우저는 페이지가 표시될 때 추가 공백과 줄을 자동으로 제거합니다.
예시
<p>
This paragraph
contains a lot of lines
in the source code,
but
the browser
ignores it.
</p>
<p>
This paragraph
contains
a lot of spaces
in the source
code,
but the browser
ignores
it.
</p>
HTML 수평 규칙
태그 는 <hr>HTML 페이지에서 주제별 구분을 정의하며 가장 자주 가로 규칙으로 표시됩니다.
<hr>요소는 HTML 페이지에서 콘텐츠를 분리(또는 변경 정의)하는 데 사용됩니다 .
예시
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
태그는 비어 있는 <hr>태그로 끝 태그가 없음을 의미합니다.
HTML 줄 바꿈
HTML <br>요소는 줄 바꿈을 정의합니다.
<br>새 단락을 시작하지 않고 줄 바꿈(새 줄)을 원할 경우 사용 :
예시
<p>This is<br>a paragraph<br>with line breaks.</p>
태그는 비어 있는 <br>태그로 끝 태그가 없음을 의미합니다.
시 문제
이 시는 한 줄로 표시됩니다.
예시
<p>
My Bonnie lies over
the ocean.
My Bonnie lies over the sea.
My Bonnie
lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
솔루션 - HTML <pre> 요소
HTML <pre>요소는 미리 형식이 지정된 텍스트를 정의합니다.
요소 내부의 텍스트 <pre>는 고정 너비 글꼴(보통 Courier)로 표시되며 공백과 줄 바꿈을 모두 유지합니다.
예시
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the
ocean.
Oh, bring back my Bonnie to me.
</pre>
HTML 연습
HTML 태그 참조
W3Schools의 태그 참조에는 HTML 요소 및 해당 속성에 대한 추가 정보가 포함되어 있습니다.
| Tag | Description |
|---|---|
| <p> | Defines a paragraph |
| <hr> | Defines a thematic change in the content |
| <br> | Inserts a single line break |
| <pre> | Defines pre-formatted text |
사용 가능한 모든 HTML 태그의 전체 목록을 보려면 HTML 태그 참조 를 방문하십시오 .