콘텐츠

• 단계
• 조언
• 경고

일반적으로 공백, 탭 키 및 Enter 키로 생성 된 많은 공백은 웹 프로그래밍 언어에서 모두 무시됩니다. HTML은 이들 모두를 단어 사이의 일반 공백으로 정의하고 단일 공백 ​​만 표시합니다. CSS를 사용하면 사용자가 공백 및 정렬에 대해 더 세분화를 설정할 수 있지만 HTML에는 간격을 사용자 지정하는 몇 가지 기본 제공 도구가 없습니다.

단계

방법 1/2 : 공백 및 단일 탭 삽입

1. 

   삽입 공백은 끊어지지 않습니다. 일반적으로 HTML은 스페이스 바를 몇 번 눌렀는지에 관계없이 단어 사이에 하나의 공백 만 표시합니다. 연속 된 여러 공백을 표시하려면 또는를 입력합니다. 이 코드는 "non-breaking space"라는 특수 문자를 생성하며 항상 표시됩니다.
   • 위의 문자는 줄 바꿈을 방지하기 때문에 "파괴 할 수없는 공간"이라고합니다. 이 문자를 남용하면 브라우저가 줄 바꿈을 순서대로 세로로 삽입하는 데 어려움을 겪습니다.

2. 

   
   
   너비가 다른 공백을 삽입하십시오. 브라우저가 공백을 표시해야하는 다른 엔티티 문자가 있습니다. 이러한 공백이 다른 브라우저에 표시되는 방식은 약간 다르지만 다음 코드와 달리 줄 바꿈에는 영향을주지 않습니다.
   • -프린터의 "N"공백 (측정 단위)에 따라 이름이 지정되며 공백 "en"은 일반 공백의 두 배입니다.
   • - "em"공백, 대략 4 개의 공백과 같습니다.

3. 

   
   
   비파괴 공간이 많은 탭을 시뮬레이션합니다. 단락을 들여 쓰려면 파괴 불가능한 공백을 연속적으로 삽입 할 수 있습니다. 이것은 HTML 만 사용하는 유일한 솔루션이지만 CSS (아래 단계에서 별도로 설명)를 사용하는 경우 더 짧아집니다.
   • 복잡한 텍스트 표현이있는 경우 pre 태그를 사용합니다.

4. 

   
   
   CSS로 단락을 정렬합니다. CSS "여백"및 "여백"속성은 브라우저에 직접 지침을 제공하므로 표시되는 결과가 더 일관됩니다. CSS에 대해 아무것도 모르고 페이지에 스타일 시트가없는 경우이 방법은 구현하기 어렵지 않습니다. 다음은 전체 단락을 오른쪽 여백으로 이동하는 방법의 예입니다.
   • 섹션에서 HTML 문서의 다음 코드를 삽입합니다.
     
     여기서 : "p.indent"는 텍스트 (p 태그) 이름 "indent"(다른 이름을 사용할 수 있음)의 속성을 정의합니다. 나머지 코드는 단락 왼쪽에 "패딩"공간 기능을 추가합니다.
   • 이제 HTML 문서의 본문으로 돌아갑니다. 단락을 들여 쓰고 싶을 때 (이 예에서는 여전히 "들여 쓰기") 다음 코드에 단락을 넣으십시오.
     

   • 들여 쓰기 간격을 맞추려면 CSS 코드에서 숫자 "1.8"을 변경하십시오. 글꼴 크기와 관련된 길이 단위이므로 "em"을 뒤에 두십시오.
   광고

방법 2/2 : 더 긴 간격 설정

1. 

   미리 형식이 지정된 태그를 사용합니다. 아무 키 우주 좋은 ↵ 입력 카드에 입력

   입력 한대로 정확하게 표시됩니다. 이 태그를 사용하여 예,시 또는 높은 정밀도를 요구하는 기타 텍스트와 줄 바꿈을 표시 할 수도 있습니다.

   • 미리 포맷 된 카드의 가장 큰 단점은 너비입니다. 일반 HTML과 달리 미리 서식이 지정된 텍스트는 사용자의 창 크기에 맞게 크기가 조정되지 않습니다.

2. 

   줄 바꿈을 만듭니다. 카드
   현재 텍스트 줄을 끝냅니다. 여러 줄 바꿈 태그를 사용하여 빈 줄을 만들 수 있습니다. HTML을 처음 접하는 학생들에게는 좋은 접근 방식이지만 CSS를 배운 경우이 필수 HTML 형식은 권장되지 않습니다.

3. 

   "p"태그로 단락을 식별하십시오. 텍스트 주위의 태그는 해당 단락을 식별합니다. 대부분의 브라우저는 단락을 빈 줄로 구분하지만 텍스트에 대해 일관된 형식을 보장 할 수는 없습니다. 광고

조언

• 웹 페이지의 표시를 마지막으로 확인할 때 스 니펫 주변에 비정상적인 위치에 중복 문자가있는 경우 다음과 같은 불완전한 태그가 있는지 다시 확인하십시오. <> 대신에
  .
• CSS는 텍스트 간격을 포함하여 웹 페이지를 표시하기위한보다 강력하고 능동적 인 도구입니다.
• 열린 태그 뒤 또는 닫힌 태그 앞의 갑작스러운 공백을 제한하십시오. 예를 들어 공백을 작성해야합니다. 지도 시간 공백이 아님 지도 시간 .
• 파괴 불가능한 공간은 엔티티 문자의 예입니다. 키보드에서 입력 할 수없는 문자를 나타내는 코드입니다.

경고

• HTML 속성은 키를 나타냅니다. 탭 ↹ 실제로 생각만큼 효과적이지 않습니다. 표준 HTML 문서에는 탭 정지가 없으므로 탭 문자가 적용되지 않습니다.
• 항상 코드 편집기 또는 일반 텍스트 파일에서 HTML 언어를 작성하고 텍스트 파일 처리 형식을 사용하지 마십시오. 웹 브라우저에서 공백이 이상한 문자가되는 경우 온라인 표시 용이 아닌 워드 프로세서에서 추가 한 과도한 데이터 때문일 가능성이 큽니다.