어떻게 여분의 공간을 만들에서는 HTML 또는 웹 페이지

에 여분의 공간을 만드는 HTML 웹 페이지에서 달성될 수 있는 많은 방법의 유형에 따라 공간을 만들려고 합니다. 다음 섹션에는 HTML 과 CSS 를 모두 사용하여 추가 공간을 만드는 여러 가지 방법이 포함되어 있습니다.,

을 만드는 여분의 공간은 전 또는 후 text

중 하나의 가장 복잡한 것은 새로운 사용자에게 만드 웹 페이지할 수 없는 스페이스바를 누르면이 여러 번에 추가 공간이 있습니다. 텍스트 앞,뒤 또는 그 사이에 여분의 공백을 만들려면 (끊김없는 공백)확장 HTML 문자를 사용하십시오.

예를 들어”추가 공간”을 사용하면 HTML 에 다음 코드가 있습니다.,

extra    space

유지 간격에서는 텍스트를 붙여넣 페이지

경우는 텍스트를 붙여넣기 추가 공백이나 탭을 사용할 수 있습니다 HTML<미리>태그를 유지하는 텍스트 포맷되어 있습니다., 아래의 예는 어떻게 텍스트를 붙여 여분의 공간을 사용하는<미리>태그이다.

This text has lots of spaces

위의 예는 아래 HTML 코드를 사용하여 수행됩니다.

<pre class="tab">This text has lots of spaces</pre>

• 리 HTML<미리>태그 페이지에 대한 더 자세한 정보를 이 태그입니다.

여분의 공간을 만드는 요소 또는 오브젝트

어떤 HTML 요소가 있을 수 있는 추가적인 간격 추가 상단 오른쪽 아래쪽 또는 왼쪽. 그러나,당신의 차이를 이해하는 여백과 패딩의 종류를 결정 하기 전에 공간을 추가할 주소 또는 개체입니다. 아래 그림에서 볼 수 있듯이 패딩은 테두리 내에서 요소를 둘러싸고 테두리 바깥의 여백을 둘러 쌉니다.

아래의 예와 우리의 단락으로 둘러싸여,국경을 들여쓰기 여유를 가지고,간격으로 오른쪽에 있다.,

여백과 패딩이있는 단락의 예입니다.위의 예는 아래 코드를 사용하여 작성되었습니다.

코드의 첫 번째 섹션에서”margin-left:2.5em;”는 들여 쓰기 된 텍스트의 모양을 제공하는 2.5em 의 왼쪽 여백을 추가합니다. 예제에서 볼 수 있듯이이 간격은 테두리 바깥쪽에 있습니다. 다음 섹션에서”패딩:0 7em2em0;”은 위쪽,오른쪽,아래쪽 및 왼쪽(시계 방향)패딩을 정의합니다. “0”상단 패딩,”7em”오른쪽 패딩,”2em”하단 패딩 및 0 왼쪽 패딩이 있습니다., 이 예제의 나머지 부분은 테두리가 어떻게 보이는지 정의하는 것입니다.

css 및 HTML 을 사용하여 탭 만들기

요소의 왼쪽 여백을 조정하여 HTML 에서 탭을 만들 수 있습니다. 예를 들어,이 단락은 텍스트가 포함 된 요소에서 2.5em 의 왼쪽 여백을 갖습니다. 이 왼쪽 여백을 만드는 CSS 는 아래에 나와 있습니다.

.tab { margin-left: 2.5em}

이 코드를 CSS 파일에 배치 한 후”tab”클래스를 텍스트에 적용하여 탭의 모양을 만들 수 있습니다. 여백 왼쪽의 값은 사용자의 필요에 따라 증가 또는 감소 될 수있다.,

위의 방법을 권장하지만 아래 예와 같이 여백 왼쪽 CSS 를 인라인으로 추가 할 수도 있습니다.

<p style="margin-left:2.5em">An example of a 5em left margin.</p>

5em 왼쪽 여백의 예입니다.

• 내 웹 페이지 또는 HTML 에서 텍스트를 들여 쓰거나 탭하려면 어떻게합니까?

추가 공간이 아래 라인 또는 단락의 text

을 추가해야 하는 경우 여분의 공간은 아래 라인 또는 단락의 텍스트,그만하면 그것을 사용할 수 있습니다<br>태그이다. 아래는이 기술을 어떻게 적용 할 수 있는지에 대한 예입니다.,

<p>This sentence contains example text.<br><br>As you can see, two breaks add the space above.</p>

위의 코드는 아래에 표시된 텍스트를 만듭니다.

이 문장에는 예제 텍스트가 포함되어 있습니다.
보시다시피,두 번의 휴식은 위의 공간을 추가합니다.

필요한 경우 추가 휴식을 추가 할 수 있습니다. 그러나 우리가 사용하는 것이 좋습니다 CSS 방법은 앞에서 언급한 추가 패딩 및 간격이 주위에 당신의 경우 텍스트에서 수행되는 여러 곳에서 페이지입니다.