> 웹 프론트엔드 > HTML 튜토리얼 > HTML 단락에 대한 지식 요약

HTML 단락에 대한 지식 요약

php中世界最好的语言
풀어 주다: 2018-01-22 10:44:25
원래의
1638명이 탐색했습니다.

이번에는 HTML 문단에 대한 지식을 정리해보겠습니다. HTML 문단 사용 시 주의사항은 무엇인가요? 실제 사례를 살펴보겠습니다.

HTML 단락

단락은

태그를 통해 정의됩니다.

Example

<p>This is a paragraph </p>
<p>This is another paragraph</p>
로그인 후 복사


팁: 닫는 태그를 사용하는 것을 잊어버리면 예상치 못한 결과와 오류가 발생할 수 있습니다.

의 정렬 속성은 HTML4/5에서 더 이상 사용되지 않습니다. 대신 CSS를 사용해 주세요. 단락은 이벤트 속성과 전역 속성

문단 내 텍스트 정렬

<!DOCTYPE html><html><head><style>h1 {text-align:center;}p.date {text-align:right;}p.main {text-align:justify;}</style></head>
<body>
<h1>CSS text-align 实例</h1><p class="date">2015 年 3 月 14 号</p><p class="main">“当我年轻的时候,我梦想改变这个世界;当我成熟以后,我发现我不能够改变这个世界,我将目光缩短了些,决定只改变我的国家;当我进入暮年以后,我发现我不能够改变我们的国家,我的最后愿望仅仅是改变一下我的家庭,但是,这也不可能。当我现在躺在床上,行将就木时,我突然意识到:如果一开始我仅仅去改变我自己,然后,我可能改变我的家庭;在家人的帮助和鼓励下,我可能为国家做一些事情;然后,谁知道呢?我甚至可能改变这个世界。”</p><p><b>注意:</b> 重置浏览器窗口大小查看 &quot;justify&quot; 是如何工作的。</p></body></html>
로그인 후 복사

syntax

<p align="left|right|center|justify">
로그인 후 복사

속성 값

HTML 줄바꿈

을 지원합니다. 새 단락을 만들지 않고 줄 바꿈(새 줄)을 원하는 경우 )을 사용하세요.
태그:

Example

<p>This is<br>a para<br>graph with line breaks</p>
<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。
로그인 후 복사

팁:
태그는 주소 정보나 시를 작성할 때 매우 유용합니다. 참고: 단락을 분할하는 대신 빈 줄을 입력하려면
태그를 사용하세요. 참고: HTML 출력 - 사용법 참고 표시되는 HTML의 정확한 효과를 확인할 수 없습니다. 화면 크기와 창 조정에 따라 결과가 달라질 수 있습니다. HTML을 사용하면 HTML 코드에 추가 공백이나 줄 바꿈을 추가하여 출력을 변경할 수 없습니다. 페이지를 표시할 때 브라우저는 소스 코드에서 불필요한 공백과 빈 줄을 제거합니다. 연속된 공백이나 빈 줄은 모두 공백 1개로 계산됩니다. HTML 코드의 모든 연속 빈 줄(개행)도 단일 공백으로 표시됩니다.

<body>
<h1>春晓</h1>
<p>
春眠不觉晓,
  处处闻啼鸟。
    夜来风雨声,
      花落知多少。
</p>
<p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。</p>
</body>
</html>
로그인 후 복사

Output

Spring Dawn

봄잠은 새벽도 모르게 새소리가 곳곳에서 들려옵니다. 밤이 되면 비바람 소리가 들려오는데, 꽃이 얼마나 떨어졌는지 알 수 있다.

브라우저는 소스 코드의 타이포그래피를 무시합니다(외부 공백 및 줄 바꿈은 생략됨).

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 읽기:

HTML 텍스트 형식의 자세한 예

html에서 자주 사용되는 태그 요약

html 특수 문자 - css3 콘텐츠: "특수 기호" 사용 방법

위 내용은 HTML 단락에 대한 지식 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿