HTML에 공백을 삽입하는 방법

작가: Joan Hall
창조 날짜: 28 2 월 2021
업데이트 날짜: 28 6 월 2024
Anonim
HTML - 표1 : 기본
동영상: HTML - 표1 : 기본

콘텐츠

1 HTML 문서를 엽니다. 이것은 메모장이나 Windows의 TextEdit와 같은 일반 텍스트 편집기에서 수행할 수 있습니다. Adobe Dreamweaver와 같은 HTML 파일 편집기를 사용할 수도 있습니다. HTML 문서를 열려면:
  • 탐색기(Windows) 또는 Finder(macOS)에서 HTML 문서로 이동합니다.
  • 원하는 HTML 문서를 마우스 오른쪽 버튼으로 클릭합니다.
  • 연결 프로그램 위로 마우스를 가져갑니다.
  • 문서를 편집할 프로그램을 선택합니다.
  • 2 클릭 우주일반 공간을 추가합니다. 공백을 삽입할 위치에 커서를 놓고 "Space" 키를 누릅니다. HTML에서는 공백을 여러 번 눌러도 단어 사이에 하나의 공백만 나타납니다.
  • 3 입력하다 추가 공간을 추가합니다. 줄 바꿈을 허용하지 않기 때문에 줄 바꿈하지 않는 공백이라고 합니다.
    • 예를 들어 다음을 입력하면 안녕하세요 여러분, "Hello"와 "Everyone!" 사이에 추가 공간이 삽입됩니다.
    • 줄 바꿈하지 않는 공백이 너무 많으면 브라우저가 올바른 위치에서 줄 바꿈을 하지 못하여 텍스트를 읽기 어렵게 만듭니다.
    • 당신은 또한 입력 할 수 있습니다  공백을 삽입합니다.
  • 4 다른 길이의 공백을 삽입하십시오. 더 긴 공백을 삽입하려면 다음 옵션 중 하나를 사용하십시오.
    • 두 개의 공간 - 입력하다
    • 4칸 - 입력하다
    • 들여쓰기(탭 간격) - 입력하다
  • 방법 2/3: CSS

    1. 1 HTML 또는 CSS 문서를 엽니다. CSS 코드는 HTML 문서의 헤드에 삽입하거나 외부 CSS 파일로 저장할 수 있습니다.
      • HTML 문서의 헤드는 파일 상단, "head>"와 "/ head>" 태그 사이에 있습니다.
    2. 2 CSS에 대한 스타일 섹션을 만듭니다. 스타일 섹션은 HTML 코드의 시작 부분이나 별도의 스타일 시트에 있습니다.다음 태그를 사용하여 HTML 문서 또는 스타일 시트에 스타일 섹션을 생성합니다.
      • 입력하다 스타일>스타일 섹션을 엽니다. 모든 CSS 코드는 이 태그 뒤에 옵니다.
      • 입력하다 / 스타일>스타일 섹션을 닫습니다. 모든 CSS는 이 종료 태그 앞에 위치해야 합니다.
    3. 3 스타일 섹션에 다음 태그를 입력합니다.p {들여쓰기 텍스트: 5em;} 이것은 브라우저에게 (올바른 HTML에서) 5칸 들여쓰기하도록 지시합니다.
      • 공백 수를 설정하려면 "indent-text:" 뒤의 숫자를 변경합니다.
      • "em" 요소는 지정된 글꼴 크기의 공백 하나와 일치합니다. 백분율("텍스트 들여쓰기: 15%;") 또는 밀리미터("텍스트 들여쓰기: 3mm;")와 같은 다른 단위를 사용할 수 있습니다.
    4. 4 입력하다 피> 들여쓰기를 추가할 위치입니다. 들여쓰려는 HTML 문서 내에서 이 작업을 수행합니다. 텍스트는 CSS 사양에 따라 들여쓰기됩니다.

    방법 3/3: 서식이 지정된 텍스트

    1. 1 HTML 문서를 엽니다. 이것은 메모장이나 Windows의 TextEdit와 같은 일반 텍스트 편집기에서 수행할 수 있습니다. Adobe Dreamweaver와 같은 HTML 파일 편집기를 사용할 수도 있습니다. HTML 문서를 열려면:
      • 탐색기(Windows) 또는 Finder(macOS)에서 HTML 문서로 이동합니다.
      • 원하는 HTML 문서를 마우스 오른쪽 버튼으로 클릭합니다.
      • 연결 프로그램 위로 마우스를 가져갑니다.
      • 문서를 편집할 프로그램을 선택합니다.
    2. 2 입력하다 사전> 미리 서식을 지정하려는 텍스트 앞에 이것은 미리 서식이 지정된 텍스트의 여는 태그입니다.
    3. 3 "pre>" 태그 뒤에 의도한 대로 텍스트를 입력합니다. 텍스트의 서식을 미리 지정할 때 Enter 키를 눌러 만든 공백과 줄 바꿈이 HTML 페이지에 표시됩니다.
    4. 4 입력하다 / 사전> 텍스트의 끝에서. 이것은 미리 형식이 지정된 텍스트의 닫는 태그입니다.

    • 브라우저가 공백을 이해할 수 없는 문자로 표시하는 경우 이는 추가 데이터 때문일 가능성이 큽니다. 워드 프로세싱 형식으로 저장되며 화면에 표시되지 않습니다. 이를 방지하려면 메모장이나 TextEdit와 같은 일반 텍스트 편집기에서 작업하십시오.
    • CSS는 단어 간격을 포함하여 웹 페이지의 레이아웃을 만드는 훨씬 더 강력하고 예측 가능한 방법입니다.
    • 줄 바꿈하지 않는 공백은 문자 엔터티의 예입니다. 키보드에서 입력할 수 없는 문자를 참조하는 코드입니다.

    경고

    • HTML 기호 탭 ↹ (탭)은 많은 사람들이 생각하는 방식으로 작동하지 않습니다. 일반 HTML 파일에는 탭 정지가 없으므로 이 문자를 입력해도 아무 작업도 수행되지 않습니다.
    • 강력한 텍스트 편집기가 아닌 코드 편집기 또는 일반 텍스트 파일에 HTML을 입력합니다.