HTML - 제목과 문단

Heading

HTML에서 제목을 표현할 수 있는 <h> 태그는 1 ~ 6 까지의 사이즈가 존재한다(숫자가 클 수 록 글자 사이즈가 작다)

.

Paragraph(문단)

HTML의 <p> 태그는 문단을 나타내는데 사용한다. 이 태그를 사용하여 웹 페이지에서 텍스트를 문단 단위로 구성할 수 있다.  <p> 태그를 사용하면 자동으로 새로운 줄이 시작되고, 위 아래로 일정한 간격이 생긴다.

<p>이것은 첫 번째 문단입니다.</p> 

<p>이것은 두 번째 문단입니다.</p>

 

오른쪽이 위 html 코드의 예시이다.

 

HTML은 여러 공백 문자와 줄 바꿈을 하나의 공백 문자로 압축하여 처리한다. 따라서 <p> 태그 내에서 여러 개의 연속된 공백이나 줄 바꿈을 입력하더라도 브라우저에서는 하나의 공백으로 처리가 된다.

 

<p> 

이것은 첫 번째 문단입니다. 

이것은 두 번째 문단입니다. 

</p>

 

같은 <p> 태그에서 줄 바꿈을 하고 싶을 때는 <br> 태그를 사용하면 됩니다.

<p> 

이것은 첫 번째 문단입니다.<br>  

이것은 두 번째 문단입니다. 

</p>

HTML 코드에서 작성한 텍스트 서식을 그대로 표현하고자 할 때는 <pre> 태그를 사용해야 한다. <pre> 태그는 HTML 코드에서 작성된 모든 띄어쓰기와 줄 나누기를 웹 브라우저에 그대로 표현해 줍니다.

<pre>

이것은 첫 번 째 문 단 입 니 다.

이것은 두 번 째 문 단 입 니 다.

</pre>

 

단락을 나눌 때 명시적으로 내용상의 구분을 표현하고자 한다면 수평 가로 구분선을 사용합니다. 수평 가로 구분선은 <hr> 태그로 만들 수 있습니다.

<p>이것은 첫 번째 문단입니다.</p>

<hr>

<p>이것은 두 번째 문단입니다.</p>