HTML 단락에 대한 지식 요약-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

HTML 단락에 대한 지식 요약

php中世界最好的语言

Jan 22, 2018 am 10:44 AM

html요약절

이번에는 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 id="CSS-nbsp-text-align-nbsp-实例">CSS text-align 实例</h1><p class="date">2015 年 3 月 14 号</p><p class="main">“当我年轻的时候，我梦想改变这个世界；当我成熟以后，我发现我不能够改变这个世界，我将目光缩短了些，决定只改变我的国家；当我进入暮年以后，我发现我不能够改变我们的国家，我的最后愿望仅仅是改变一下我的家庭，但是，这也不可能。当我现在躺在床上，行将就木时，我突然意识到：如果一开始我仅仅去改变我自己，然后，我可能改变我的家庭；在家人的帮助和鼓励下，我可能为国家做一些事情；然后，谁知道呢?我甚至可能改变这个世界。”</p><p><b>注意：</b> 重置浏览器窗口大小查看 "justify" 是如何工作的。</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 id="春晓">春晓</h1>
<p>
春眠不觉晓，
　　处处闻啼鸟。
　　　　夜来风雨声，
　　　　　　花落知多少。
</p>
<p>注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。</p>
</body>
</html>

Output

Spring Dawn

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

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

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

관련 기사

HTML : 프로그래밍 언어입니까 아니면 다른 것입니까?Apr 15, 2025 am 12:13 AM

Htmlisnotaprogramminglanguage; itisamarkuplanguage.1) htmlstructuresandformatswebcontentusingtags.2) itworksporstylingandjavaScriptOfforIncincivity, WebDevelopment 향상.

HTML : 웹 페이지 구조 구축Apr 14, 2025 am 12:14 AM

HTML은 웹 페이지 구조를 구축하는 초석입니다. 1. HTML은 컨텐츠 구조와 의미론 및 사용 등을 정의합니다. 태그. 2. SEO 효과를 향상시키기 위해 시맨틱 마커 등을 제공합니다. 3. 태그를 통한 사용자 상호 작용을 실현하려면 형식 검증에주의를 기울이십시오. 4. 자바 스크립트와 결합하여 동적 효과를 달성하기 위해 고급 요소를 사용하십시오. 5. 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함되며 검증 도구가 필요합니다. 6. 최적화 전략에는 HTTP 요청 감소, HTML 압축, 시맨틱 태그 사용 등이 포함됩니다.

텍스트에서 웹 사이트로 : HTML의 힘Apr 13, 2025 am 12:07 AM

HTML은 웹 페이지를 작성하는 데 사용되는 언어로, 태그 및 속성을 통해 웹 페이지 구조 및 컨텐츠를 정의합니다. 1) HTML과 같은 태그를 통해 문서 구조를 구성합니다. 2) 브라우저는 HTML을 구문 분석하여 DOM을 빌드하고 웹 페이지를 렌더링합니다. 3) 멀티미디어 기능을 향상시키는 HTML5의 새로운 기능. 4) 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함됩니다. 5) 최적화 제안에는 시맨틱 태그 사용 및 파일 크기 감소가 포함됩니다.

HTML, CSS 및 JavaScript 이해 : 초보자 안내서Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.

HTML의 역할 : 웹 컨텐츠 구조Apr 11, 2025 am 12:12 AM

HTML의 역할은 태그 및 속성을 통해 웹 페이지의 구조와 내용을 정의하는 것입니다. 1. HTML은 읽기 쉽고 이해하기 쉽게하는 태그를 통해 컨텐츠를 구성합니다. 2. 접근성 및 SEO와 같은 시맨틱 태그 등을 사용하십시오. 3. HTML 코드를 최적화하면 웹 페이지로드 속도 및 사용자 경험이 향상 될 수 있습니다.