Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML 공간 태그 추가

HTML을 작성할 때 브라우저에서 텍스트를 렌더링할 때 스페이스바를 누를 때 추가 공백이 나타나지 않는 것을 알 수 있습니다.

예:

<p>April is the cruelest month,</p>
<p>April   is   the   cruelest   month,</p>

첫 번째

태그에서 각 단어 사이에는 공백이 하나만 있습니다. 그러나 두 번째

태그에서는 각 단어 사이에 세 개의 공백이 있습니다. 그럼에도 불구하고 각 행은 웹 페이지에서 동일한 방식으로 렌더링됩니다. 

April is the cruelest month,
April is the cruelest month,

이 기사에서는 HTML 코드에 추가 공간을 추가하는 세 가지 솔루션에 대해 설명합니다.

공간 추가를 위한 HTML 태그

HTML 공간 태그 추가

비분리 공백 HTML 문자

텍스트 앞, 사이 또는 뒤에 공백을 만들려면 줄 바꿈하지 않는 공백인 ` ` 태그를 사용할 수 있습니다. 다음은 이 HTML 문자를 구현하는 방법의 예입니다.

<p>i carry your heart with me(i carry it in my heart)</p>
<p>i carry your &nbsp; heart &nbsp; with me(i carry it in my heart)</p>

렌더링:

나는 당신의 마음을 가지고 나갑니다(나는 그것을 내 마음에 지니고 있습니다)

나는 당신의 마음을 가지고 나갑니다(나는 그것을 내 마음에 지니고 있습니다)

참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.

부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.

사전 형식화된 텍스트 요소

    <p>I was a child and she was a child,
   In this kingdom by the sea,
But we loved with a love that was more than love—
   I and my Annabel Lee—</p>

    <pre>I was a child and she was a child,
   In this kingdom by the sea,
But we loved with a love that was more than love—
   I and my Annabel Lee—</pre>

렌더링:

나는 아이고 그녀는 아이였다 이 바다의 왕국에서 우리는 사랑 이상의 사랑으로 사랑했다- 나와 나의 Annabel Lee-

나는 아이고 그녀는 아이였습니다.

이 바다의 왕국에서

하지만 우리는 사랑 이상의 사랑으로 사랑했습니다—

나와 내 애너벨 리—

줄 바꿈

텍스트 줄 사이에 공백을 추가하려면 줄 바꿈 태그 또는
태그를 사용하는 것이 가장 좋습니다. 다음은
태그를 구현하는 방법의 예입니다.

<p>so much depends
     upon

     a red wheel
     barrow

     glazed with rain
     water

     beside the white
     chickens</p>

<p>so much depends<br>
     upon<br>
     <br>
     a red wheel<br>
     barrow<br>
     <br>
     glazed with rain<br>
     water<br>
     <br>
     beside the white<br>
     chickens</p>

어떤 렌더링:

HTML 공간 태그 추가

결론

결론적으로 HTML 태그를 사용하여 공간을 추가하는 세 가지 방법을 배웠습니다. HTML을 처음 사용하는 경우 여기에서 가이드를 확인하세요. HTML 배우기:하이퍼텍스트 마크업 언어 학습 가이드 또는 HTML을 배우는 데 얼마나 걸립니까?


No