웹 프론트엔드 HTML 튜토리얼 html 태그는 어떤 요소인가요? html p 태그의 정의와 기능에 대한 자세한 설명

html 태그는 어떤 요소인가요? html p 태그의 정의와 기능에 대한 자세한 설명

Aug 25, 2018 am 10:17 AM
html p

이 글에서는 주로 html 문단p 태그에 대한 몇 가지 기본 사항을 소개합니다. 초보자도 좀 더 자세히 알아보고 싶다면 글 하단의 html 문단 P 태그 고급 버전을 클릭해 보세요. , 좋습니다. 이 글에서는 HTML 문단 p 태그에 대한 기본적인 이해를 소개했습니다. 최대한 자세히 설명했으니까요.

html p 태그 정의 및 사용법:

태그 정의 단락.

p 요소는 자동으로 앞뒤에 공백을 만듭니다. 브라우저는 이러한 공백을 자동으로 추가하거나 스타일시트에서 지정할 수 있습니다.

hc P를 인라인으로 이해하는 것은 분명히 잘못된 것입니다. P에는 여러 줄이 있을 수 있으며 인라인 요소라고 할 수 없습니다. 블록이라고 불리는 이유는 선 요소에는 없는 선 높이와 같은 고유한 항목이 있기 때문입니다. 분명히
등은 인라인 요소라고 할 수 있지만 P를 호출하는 것은 부적절합니다. 그리고 여기서 블록은 콘텐츠 블록을 의미하지 않습니다. 오히려 텍스트 블록이나 텍스트 스트림을 나타냅니다. 즉, P는 텍스트 스트림을 나타냅니다. DIV는 텍스트 흐름의 블록일 뿐만 아니라 디스플레이의 영역 블록도 형성합니다. 따라서 DIV를 블록 또는 블록이라고 부르는 것이 적절합니다!

따라서 텍스트 흐름 측면에서만 P는 블록 요소입니다. HTML의 엔터티 성능에 관한 한. DIV는 블록을 이루는 블록(block)요소입니다! 하지만 실제 사용에서는 명확하게 구분할 필요가 없습니다! 대부분의 교과서에서 여전히 P를 블록 요소라고 부르는 이유는 인라인 요소라고 부르는 것이 근거도 없고 부적절하기 때문입니다.

HTML

태그 예

다음 코드는 단락을 표시합니다.

<p>这是一个段落。</p>
로그인 후 복사

태그는 단락을 정의합니다.

표준 사양은 다음과 같습니다.

페어링 부족에 대해서는 사양을 준수하지 않는다고만 말할 수 있습니다

절대 그렇지 않다고는 말하지 않습니다. 브라우저의 내결함성 등으로 인해 정상적으로 표시될 수 있습니다

하지만 코드를 작성할 때는 사양을 따르는 것이 가장 좋습니다

사양을 따르면 좋습니다. , 상황에 관계없이 정상적으로 실행됩니다

사양을 따르지 않으면 정상적으로 작동합니다. 어떤 상황에서는 괜찮습니다. 비정상이라면 프로그램을 처음부터 다시 수정해야 하는 것 아닌가요? 별로 어렵지 않을 거예요!

p 요소는 자동으로 앞뒤에 공백을 만듭니다. 브라우저는 이러한 공백을 자동으로 추가하거나 스타일시트에서 지정할 수 있습니다.

단락 간격

IE의 기본값은 19px로, p

FF의 margin-top 속성에 의해 기본값은 1.12em으로 설정되고, p

p의 margin-bottom 속성에 의해 설정되며 기본값은 단락 표시로 설정되어 단락 간격을 지웁니다. , 일반적으로

p {
   margin-top:0;
   margin-bottom:0;
}
로그인 후 복사

확장 읽기: html 단락

태그 사용 허용

문단

을 블록(block) 내에만 지정할 수 있습니다. 단락

및 다른 단락, 목록, 양식 및 미리 서식이 지정된 텍스트와 함께 사용합니다. 일반적으로 이는 문서 본문, 목록 요소 내 등 적절한 텍스트 흐름이 있는 모든 곳에 단락

이 나타날 수 있음을 의미합니다.

기술적인 관점에서

단락은 헤더, 앵커 또는 내용이 텍스트로만 엄격하게 요구되는 기타 위치에 나타날 수 없습니다. 실제로 대부분의 브라우저는 이 제한을 무시하고 포함 요소의 콘텐츠와 함께

단락의 형식을 지정합니다.

HTML과 XHTML의 차이점

HTML 4.01에서는 p 요소의 모든 렌더링 속성이 더 이상 사용되지 않습니다.

XHTML 1.0 Strict DTD에서는 p 요소의 모든 렌더링 속성이 지원되지 않습니다.

HTML 4.01과 HTML 5의 차이점

HTML 4.01에서는 정렬 속성이 더 이상 사용되지 않으며 HTML 5에서는 더 이상 지원되지 않습니다.

p 태그에 대한 고급 기사를 보려면 여기를 클릭하세요. html P 태그가 div를 중첩할 수 없는 이유는 무엇입니까? HTML P 태그에 대한 CSS 스타일의 예도 있습니다

[편집자 관련 권장 사항]

HTML 글꼴 태그의 색상 속성은 무엇인가요? Fontcolor 사용법 소개(색상 코드 표 포함)

html 표란 무엇인가요?

태그에서 다양한 속성을 사용하는 방법

위 내용은 html 태그는 어떤 요소인가요? html p 태그의 정의와 기능에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 채팅 명령 및 사용 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

HTML의 테이블 테두리 HTML의 테이블 테두리 Sep 04, 2024 pm 04:49 PM

HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.

HTML 여백-왼쪽 HTML 여백-왼쪽 Sep 04, 2024 pm 04:48 PM

HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.

HTML의 중첩 테이블 HTML의 중첩 테이블 Sep 04, 2024 pm 04:49 PM

HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.

HTML 테이블 레이아웃 HTML 테이블 레이아웃 Sep 04, 2024 pm 04:54 PM

HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.

HTML 입력 자리 표시자 HTML 입력 자리 표시자 Sep 04, 2024 pm 04:54 PM

HTML 입력 자리 표시자 안내. 여기서는 코드 및 출력과 함께 HTML 입력 자리 표시자의 예를 논의합니다.

HTML 정렬 목록 HTML 정렬 목록 Sep 04, 2024 pm 04:43 PM

HTML 순서 목록에 대한 안내입니다. 여기서는 HTML Ordered 목록 및 유형에 대한 소개와 각각의 예에 대해서도 설명합니다.

HTML에서 텍스트 이동 HTML에서 텍스트 이동 Sep 04, 2024 pm 04:45 PM

HTML에서 텍스트 이동 안내. 여기서는 Marquee 태그가 구문과 함께 작동하는 방식과 구현할 예제에 대해 소개합니다.

HTML 온클릭 버튼 HTML 온클릭 버튼 Sep 04, 2024 pm 04:49 PM

HTML onclick 버튼에 대한 안내입니다. 여기에서는 각각의 소개, 작업, 예제 및 다양한 이벤트의 onclick 이벤트에 대해 설명합니다.

See all articles