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>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>春晓</h1> <p> 春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少。 </p> <p>注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。</p> </body> </html>
Output
Spring Dawn
봄잠은 새벽도 모르게 새소리가 곳곳에서 들려옵니다. 밤이 되면 비바람 소리가 들려오는데, 꽃이 얼마나 떨어졌는지 알 수 있다.
브라우저는 소스 코드의 타이포그래피를 무시합니다(외부 공백 및 줄 바꿈은 생략됨).
이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
관련 읽기:
html 특수 문자 - css3 콘텐츠: "특수 기호" 사용 방법
위 내용은 HTML 단락에 대한 지식 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7533
15
1379
52
82
11
55
19
21
86
HTML의 테이블 테두리
Sep 04, 2024 pm 04:49 PM
HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.
HTML 여백-왼쪽
Sep 04, 2024 pm 04:48 PM
HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.
HTML의 중첩 테이블
Sep 04, 2024 pm 04:49 PM
HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.
HTML 테이블 레이아웃
Sep 04, 2024 pm 04:54 PM
HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.
HTML 입력 자리 표시자
Sep 04, 2024 pm 04:54 PM
HTML 입력 자리 표시자 안내. 여기서는 코드 및 출력과 함께 HTML 입력 자리 표시자의 예를 논의합니다.
HTML 정렬 목록
Sep 04, 2024 pm 04:43 PM
HTML 순서 목록에 대한 안내입니다. 여기서는 HTML Ordered 목록 및 유형에 대한 소개와 각각의 예에 대해서도 설명합니다.
HTML에서 텍스트 이동
Sep 04, 2024 pm 04:45 PM
HTML에서 텍스트 이동 안내. 여기서는 Marquee 태그가 구문과 함께 작동하는 방식과 구현할 예제에 대해 소개합니다.
HTML 온클릭 버튼
Sep 04, 2024 pm 04:49 PM
HTML onclick 버튼에 대한 안내입니다. 여기에서는 각각의 소개, 작업, 예제 및 다양한 이벤트의 onclick 이벤트에 대해 설명합니다.
