HTML의 p 태그 정렬 문제-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

HTML의 p 태그 정렬 문제

黄舟

Jul 03, 2017 pm 01:48 PM

html조정질문

HTML의 p 태그 정렬 문제

사진과 같은 어긋남 현상:

<html>
<head>
    <title>sda</title>
    </head>
    <body align=center>
    <p>故人西辞黄鹤楼    
    <p>烟花三月下扬州    
    <p>黄鹤一去不复返    
    <p>白云千载空悠悠    
    <br>
    <img  src="/static/imghwm/default1.png"  data-src="https://img.php.cn/upload/article/000/000/194/1c4fb9ee594029281cc632da83a62d90-1.png?x-oss-process=image/resize,p_40"  class="lazy"  align=center src= "1.png" alt="HTML의 p 태그 정렬 문제" >
    </body>
    </html>

HTML의 p 태그 정렬 문제

사진과 같이 수정되었습니다 여러 가지 해결 방법이 있습니다 하지만 모두가 고수하는 원칙은 문법적 표준 문제입니다 1 . p 태그 완성, p 태그는 단독으로 존재할 수도 있지만, 표준으로 작성한다면 최대한 완성해야 합니다 2. p 태그의 text-align 속성을 중앙으로 설정하면 됩니다. 문제도 해결됩니다 3. 실제로 1 에서 발견했습니다. code> 태그는 줄 바꿈을 구현하지 않지만 마지막 p 태그를 다음으로 대체하면 태그에 완성을 주는 것과 같습니다. <code>

, 그림과 다른 것이 분명히 발견됩니다. 텍스트 사이에 여분의 빈 줄이 있습니다. 이 빈 줄은 p 태그의 함수 완성 또는 함수로 이해될 수 있습니까? br 태그가 실행됩니까?  标签并没有实现换行，而是像给了p的后标签做了一个补全一样，当将最后一个p标签换为时，明显发现图片与文字之间多了一个空行，这个空行可以理解为p标签的功能补全或者说是br标签的功能执行？

<html>
<head>
    <title>sda</title>
    </head>
    <body align=center>
    <p>故人西辞黄鹤楼    
    <p>烟花三月下扬州    
    <p>黄鹤一去不复返    
    <p>白云千载空悠悠</p>
    <br>
    <img  align=center src= "1.png" alt="HTML의 p 태그 정렬 문제" >
    </body>
    </html>

此外一个大佬说过：

  写在行头的话，如果前面一行正好显示到末尾，有可能会在两行间多空出来一行。把  rrreee

또 다른 큰 분이 말했습니다: 🎜🎜  줄의 시작 부분에 쓰면 이전 줄이 끝까지 표시되면 두 줄 사이에 추가 줄이 있을 수 있습니다. . 줄 끝에   태그를 작성하는 것이 좋습니다. 🎜

위 내용은 HTML의 p 태그 정렬 문제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명

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

관련 기사

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 코드를 최적화하면 웹 페이지로드 속도 및 사용자 경험이 향상 될 수 있습니다.

HTML 및 코드 : 용어를 자세히 살펴 봅니다Apr 10, 2025 am 09:28 AM

"Code"는 "Code"BroadlyIncludeLugageslikeJavaScriptandPyThonforFunctureS (htMlisAspecificTypeofCodeFocudecturecturingWebContent)

HTML, CSS 및 JavaScript : 웹 개발자를위한 필수 도구Apr 09, 2025 am 12:12 AM

HTML, CSS 및 JavaScript는 웹 개발의 세 가지 기둥입니다. 1. HTML은 웹 페이지 구조를 정의하고 등과 같은 태그를 사용합니다. 2. CSS는 색상, 글꼴 크기 등과 같은 선택기 및 속성을 사용하여 웹 페이지 스타일을 제어합니다.

HTML, CSS 및 JavaScript의 역할 : 핵심 책임Apr 08, 2025 pm 07:05 PM

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

HTML은 초보자를 위해 쉽게 배우나요?Apr 07, 2025 am 12:11 AM

HTML은 간단하고 배우기 쉽고 결과를 빠르게 볼 수 있기 때문에 초보자에게 적합합니다. 1) HTML의 학습 곡선은 매끄럽고 시작하기 쉽습니다. 2) 기본 태그를 마스터하여 웹 페이지를 만들기 시작하십시오. 3) 유연성이 높고 CSS 및 JavaScript와 함께 사용할 수 있습니다. 4) 풍부한 학습 리소스와 현대 도구는 학습 과정을 지원합니다.

HTML의 시작 태그의 예는 무엇입니까?Apr 06, 2025 am 12:04 AM

anexampleStartingtaginhtmlis, whithbeginsaparagraph.startingtagsareessentialinhtmlastheyinitiate rements, definetheirtypes, andarecrucialforstructurituringwebpages 및 smanstlingthedom.