HTML에 공백을 삽입하는 여러 가지 방법-HTML 튜토리얼-php.cn

HTML에 공백을 삽입하는 여러 가지 방법

小云云

풀어 주다： 2017-11-17 16:29:47

원래의

7693명이 탐색했습니다.

HTML에 관해서는 기본적으로 우리 모두 프로그래머로서 사용합니다. 이번 글에서는 이제 막 시작하는 학생들을 위해 HTML에 공백을 삽입하는 두 가지 방법을 주로 소개합니다.

방법 1. 공백 한 개와 탭 문자 삽입

1. 줄바꿈 없는 공백을 삽입합니다. 일반적으로 HTML은 스페이스바를 몇 번 눌러도 단어 사이에 공백만 표시합니다. 여러 개의 공백을 삽입해야 하는 경우 또는 코드를 입력하세요. 이를 "공간 자리 표시자"라고 합니다. 몇 개를 입력하면 페이지에 몇 개의 공백이 표시됩니다.

단절 방지 공백이라고 불리는 이유는 줄 바꿈을 생성하지 않기 때문입니다. 이 공백을 남용하면 브라우저가 깔끔하고 읽기 쉬운 방식으로 줄바꿈을 삽입하지 못할 수도 있습니다.

2. 너비가 다른 공백을 삽입합니다. 브라우저가 공백을 표시할 수 있도록 하는 다양한 문자 엔터티가 있습니다. 브라우저에 따라 조금씩 다르게 표시될 수 있지만 와 달리 줄 바꿈에는 영향을 미치지 않습니다.

— "en 공백"은 인쇄상의 측정 단위를 따서 명명되었으며 너비는 일반 공백의 너비

— "em 공백"은 일반 공백 4개의 너비와 같습니다.

3. 탭을 시뮬레이션하려면 잘림 방지 공백을 사용하세요. 단락을 생성하는 한 가지 방법은 첫 번째 줄 앞에 몇 개의 공백을 삽입하는 것입니다( ). 이 방법은 HTML에서만 작동하며 CSS를 사용하는 경우 권장되지 않습니다(다른 방법은 다른 단계에서 다룹니다).

문단의 내용이 서식 있는 텍스트인 경우 "pre" 태그를 사용하세요.

4. CSS를 사용하여 단락을 생성하세요. CSS의 내부 여백 또는 외부 여백은 브라우저에 특정 표시 형식을 나타내므로 표시 효과가 더욱 일관됩니다. CSS를 잘 모르거나 설명서가 없어도 쉽게 추가할 수 있습니다. 전체 단락을 오른쪽으로 이동하는 방법에 대한 구체적인 지침은 다음과 같습니다.

HTML 문서의 섹션에 다음 명령을 삽입합니다.

"p.indent"는 "indent"(임의로 이름을 지정할 수 있음)라는 단락(p로 표시됨)을 정의합니다. 나머지 명령은 단락 왼쪽에 여백을 추가합니다.

HTML 문서의 본문을 반환합니다. 단락을 추가하고 싶을 때마다 태그에

를 삽입하세요.

들여쓰기 양을 조정하려면 CSS 명령에서 숫자 "1.8"을 변경하면 됩니다. 다음 "em"은 유지되어야 하며 너비를 나타내는 단위입니다.

방법 2. 긴 문단의 서식을 지정하세요

1. 미리 서식이 지정된 텍스트를 사용하세요. "pre" 요소는 미리 서식이 지정된 텍스트를 정의할 수 있으며, 이는 텍스트의 공백이나 줄 바꿈을 유지합니다. 따라서

태그에 입력된 공백이나 Enter 키는 공백이나 줄 바꿈으로 표시됩니다. 이를 사용하여 코드 샘플, 시 또는 공백과 줄 바꿈이 필요한 기타 텍스트 콘텐츠를 표시할 수 있습니다.

미리 서식이 지정된 텍스트의 단점 중 하나는 너비입니다. 일반적인 하이퍼텍스트 마크업 언어처럼 사용자의 창 크기에 맞게 페이지 너비를 조정할 수 없습니다.

2. 줄 바꿈을 만듭니다.
태그는 현재 텍스트 줄의 끝에 배치되며 간단한 줄 바꿈을 삽입합니다. 여러 개의 "br" 태그를 입력하여 여러 개의 빈 줄을 만들 수 있습니다. 이는 HTML 초보 학생들이 코드를 작성하는 좋은 방법이지만, CSS를 배우게 되면 이런 필수 HTML 스타일 코드는 권장되지 않는다는 것을 알게 될 것입니다. ,

3. "p" 태그를 사용하여 단락을 정의하세요. p 요소는 자동으로 앞뒤에 공백을 생성하므로 텍스트 뒤의

태그가 단락을 끝낼 수 있습니다. 대부분의 브라우저는 빈 줄로 단락을 구분하지만 이것이 정확한 형식을 보장하지는 않습니다.

마지막으로 텍스트와 코드를 검토할 때 코드에 "떠다니는" 추가 기호가 보이면 "< br" 대신 "
"를 쓰는 등 불완전한 코드가 있는지 주의 깊게 확인해야 합니다. .

CSS(Cascading Style Sheets)는 웹 페이지의 요소 위치 레이아웃(텍스트 간격 포함)에 대한 픽셀 수준의 정확한 제어를 제공하여 웹 페이지 개체 및 모델 스타일을 더 정확하고 정확하게 편집할 수 있도록 해줍니다.

시작 태그 뒤나 종료 태그 앞에 공백을 입력하지 마세요. 예를 들어, "SpacesTutorial"를 입력할 때 "Spaces Tutorial"라고 쓰지 마세요.

공백 없는 문자( )는 문자 엔터티의 예입니다. 이러한 웹 문자는 키보드로 입력할 수 없지만 해당 코드를 사용하여 문자를 삽입할 수 있습니다.

사실 우리가 HTML에 대해 알고 있는 내용은 그리 어렵지는 않지만 기본적으로 사용할 수는 있습니다. 이러한 작은 지식이 탄탄한 기초를 다지는 데 도움이 되기를 바랍니다.