HTML은 문서를 여러 문단으로 나눌 수 있습니다. HTML에서 문단 태그 <p>를 사용하면 문서 내용을 여러 문단으로 나눌 수 있습니다.
<p>단락, 내용. </p>
단락 태그는 시작 태그 <p>와 종료 태그 </p>로 구성됩니다. 시작 태그와 종료 태그 사이의 내용은 단락으로 간주됩니다. 단락 태그는 웹에 기사를 게시할 때 사용하는 매우 기본적인 태그입니다.
부분:
1. HTML 단락은 <p> 태그를 통해 정의됩니다.
참고: 브라우저는 단락 앞과 뒤에 빈 줄을 자동으로 추가합니다. (</p>는 블록 수준 요소입니다)
2. 닫는 태그를 잊지 마세요
닫는 태그를 사용하는 것을 잊어버린 경우에도 대부분의 브라우저는 HTML을 올바르게 표시합니다.
<p>이것은 문단입니다<p>이것은 또 다른 문단입니다
실행 결과는 아래 그림과 같습니다.
위의 예는 대부분의 브라우저에서 잘 작동하지만 이 접근 방식에 의존하지 마십시오. 닫는 태그를 사용하는 것을 잊어버리면 예상치 못한 결과와 오류가 발생할 수 있습니다.
참고: 향후 HTML 버전에서는 닫는 태그를 생략하는 것이 허용되지 않습니다.
3. HTML 줄 바꿈
새 문단을 만들지 않고 줄 바꿈(새 줄)하려면 <br> 태그를 사용하세요.
예:
<p>이<br>문단<br>은 분기의 효과를 보여줍니다</p>
실행 결과는 아래 그림과 같습니다.
<br /> 요소는 빈 HTML 요소입니다. 닫는 태그는 의미가 없으므로 닫는 태그가 없습니다.
4. HTML 출력 - 알림 사용
표시되는 HTML의 정확한 효과를 확인할 수 없습니다. 화면 크기와 창 조정에 따라 결과가 달라질 수 있습니다.
HTML을 사용하면 HTML 코드에 추가 공백이나 줄 바꿈을 추가하여 출력을 변경할 수 없습니다.
페이지를 표시할 때 브라우저는 소스 코드에서 추가 공백과 빈 줄을 제거합니다. 연속된 공백이나 빈 줄은 모두 공백 1개로 계산됩니다. HTML 코드의 모든 연속 빈 줄(개행)도 공백으로 표시됩니다.
<!DOCTYPEhtml><html><head><metacharset=utf-8><title>C 언어 네트워크(dotcpp.com)</title></head><body><h1>春晓</h1><p> 봄에 잠을 자면 새벽이 온다는 사실을 깨닫지 못합니다. <p>여기저기서 새들이 노래하는 소리가 들립니다. <p>밤에 비바람 소리가 들려오는데, <p>꽃이 얼마나 떨어졌나. <p></p><p>브라우저는 소스 코드의 타이포그래피를 무시합니다(외부 공백 및 줄 바꿈은 생략됨). </p></body></html>
실행 결과는 아래 그림과 같습니다.
5. 단락의 공백
기본적으로 단락 태그는 텍스트의 공백 문자를 병합하고 여러 개의 연속된 공백 문자를 하나의 공백으로 표시합니다. 구체적인 성능은 다음과 같습니다.
(1) 한 단락에 여러 개의 연속 공백이 나타나면 브라우저는 이러한 공백을 무시하고 하나만 유지합니다.
(2) 한 단락에 여러 개의 연속된 줄 바꿈이 나타나면 브라우저는 이러한 줄 바꿈을 공백으로 변환합니다.
디스플레이 예시:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>C 언어 네트워크(dotcpp.com)</title></head><body><p>C 언어 네트워크(dotcpp.com) , 온라인 학습 프로그래밍 웹사이트, URL: <ahref=https://www.dotcpp.com/target=_blank>https://www.dotcpp.com/</a></p><p>C 언어 웹사이트는 현재 HTML, C 언어, C++, JavaScript 및 기타 모듈을 포함하여 거의 <b>15</b>개 모듈에 대한 튜토리얼을 출시했습니다. <ahref=https://www.dotcpp.com/course/target= _blank 모든 튜토리얼을 보려면 >여기를 클릭하세요</a>. </p><p>우리의 목적: 모든 사람이 실제적인 방식으로 프로그래밍을 배울 수 있도록 돕는 웹사이트입니다. </p></body></html>
실행 결과는 아래 그림과 같습니다.