> 웹 프론트엔드 > HTML 튜토리얼 > HTML 공백을 사용하는 방법

HTML 공백을 사용하는 방법

下次还敢
풀어 주다: 2024-04-22 10:24:44
원래의
1144명이 탐색했습니다.

HTML의 공백은 두 가지 방법을 사용합니다. (보이지 않는, 잘림 방지 공백) 미리 서식이 지정된 텍스트(공백을 포함한 텍스트의 원래 형식 유지)

HTML 공백을 사용하는 방법

HTML에서 공백을 사용하는 방법

Space 요소 사이에 간격을 만드는 데 사용되는 HTML의 보이지 않는 문자입니다. HTML에서 공백을 사용하는 두 가지 주요 방법은 텍스트 서식을 미리 지정하는 것입니다.

1. (개행 공백이 아님)

은 HTML에서 보이지 않는 공백을 나타내는 특수 문자입니다. 래핑되지 않으므로 요소 사이의 수평 간격을 만드는 데 사용할 수 있습니다.

사용 구문은 다음과 같습니다.

<code class="html"> </code>
로그인 후 복사

예를 들어 두 단어 사이에 공백을 만들려면 다음과 같이 쓸 수 있습니다.

<code class="html"><p>This is a sentence with a space in the middle.</p></code>
로그인 후 복사

이렇게 하면 다음과 같은 효과가 나타납니다.

이것은 중간에 공백이 있는 문장입니다. .

2. 미리 서식이 지정된 텍스트

pre 요소는 공백을 포함한 텍스트의 원래 형식을 유지하는 데 사용됩니다. 이는 들여쓰기된 텍스트, 표 또는 특정 간격이 필요한 기타 텍스트를 만드는 데 사용할 수 있습니다.

pre 사용 구문은 다음과 같습니다.

<code class="html"><pre class="brush:php;toolbar:false">
  内容
로그인 후 복사

예를 들어 들여쓰기된 텍스트 단락을 만들려면 다음과 같이 쓸 수 있습니다.

<code class="html"><pre class="brush:php;toolbar:false">
    This is a pre-formatted text paragraph.
로그인 후 복사

이렇게 하면 다음과 같은 효과가 나타납니다.

<code>This is a pre-formatted text paragraph.</code>
로그인 후 복사

위 내용은 HTML 공백을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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