HTML5에서 표제를 만드는 방법 - 단서

제목은 문서를 섹션으로 구분합니다. 대부분의 서적은 제목과 부제목을 사용하여 각 챕터를 섹션으로 나눕니다. 예를 들어 웹 페이지에서도 똑같이 할 수 있습니다. 제목

• 조직 구조를 만듭니다.

• 페이지의 텍스트 흐름을 분할합니다.

• 콘텐츠가 어떻게 그룹화되는지 시각적 단서를 제공합니다.

HTML은 문서의 다른 제목 수준에 대해 여섯 가지 요소를 포함합니다.

는 가장 눈에 띄지 않는 제목 (Heading 6)입니다.

HTML 제목 수준을 사용할 때 숫자가 낮은 것부터 높은 것 순으로옵니다. 즉, 첫 번째 레벨 표제를 사용하거나 두 번째 수준 표제를 사용하기 전까지는 두 번째 수준 표제를 사용하지 마십시오. 이것이 당신에게 이해가되지 않는다면, 6 개의 헤딩 스타일이 Microsoft Word에서 어떻게 작동하는지 생각해보십시오.

->

서식 지정

제목을 만들려면 다음 단계를 수행하십시오.

문서 본문에 추가하십시오.

1. 제목 의 내용을 입력하십시오.

2. 를 추가하십시오. 이 컨텍스트에서 사용될 때

n 는 생성하려는 제목 수준의 번호를 의미합니다. 예를 들어 첫 번째 레벨 제목을 만들려면 n 에 1을 대입하고 페이지에 를 추가하고 두 번째 수준 제목에

등을 추가합니다.

브라우저 표시

모든 브라우저에는 제목 레벨을 표시하는 다른 방법이 있습니다.

그래픽 브라우저 대부분의 그래픽 브라우저는 머리글에 고유 한 크기와 활자체를 사용합니다.

첫 번째 레벨 표제 (

)는 최대 (일반적으로 단락의 기본 텍스트 크기보다 큰 두 개 또는 세 개의 글꼴 크기입니다).

• 모든 제목은 기본적으로 굵은 체 유형을 사용하며 단락 텍스트는 기본적으로 일반 (굵은 체가 아닌) 유형을 사용합니다.

  여섯 번째 레벨 제목 (

• )은 가장 작으며 기본 단락 텍스트보다 작은 글꼴 크기가

• 작은

  개입니다. 모든 HTML 개요: 모든 블록 정보: 표제 1-6

첫 번째 레벨 제목

두 번째 레벨 제목

세 번째 레벨 제목

> 네 번째 레벨의 제목
다섯 번째 레벨의 제목
여섯 번째 레벨의 제목
이 그림은 브라우저에서 렌더링 된 HTML 페이지의 제목을 보여줍니다.
CSS를 사용하여 색상, 크기, 간격 및 맞춤을 포함하여 표제가 어떻게 보이는지 제어합니다.

기본적으로 대부분의 브라우저는 표제에 Times Roman 글꼴을 사용합니다. 제목 수준이 높아질수록 글꼴 크기가 감소합니다. (첫 번째에서 여섯 번째 레벨 표제의 기본 크기는 각각 24, 18, 14, 12, 10 및 8 포인트 글꼴입니다.) CSS를 사용하여이 형식을 무시할 수 있습니다.

텍스트 브라우저

텍스트 전용 브라우저는 텍스트 브라우저 만 단일 문자 크기 및 글꼴을 사용하여 모든 내용을 표시하기 때문에 그래픽 브라우저와 다른 표제 규칙을 사용합니다. 고려해야 할 좋은 텍스트 전용 브라우저에는 Lynx, ELinks, Cygwin 및 MIRA가 있습니다.