페이지에 디자인 섹션 만들기
제목은 텍스트를 구성하고, 유용한 부서를 만들고, 검색 엔진을 위해 웹 페이지를 최적화하는 유용한 방법입니다. HTML 표제 태그를 사용하여 머리말을 쉽게 만들 수 있습니다. 굵게 및 기울임 꼴 태그로 텍스트 모양을 변경할 수도 있습니다.
제목
제목 태그는 문서를 분할하는 가장 간단한 방법입니다. 귀하의 사이트를 신문으로 생각한다면 표제는 신문의 헤드 라인입니다. 주요 표제는 h1이고 이어지는 제목은 h2에서 h6입니다.
다음 코드를 사용하여 HTML을 작성하십시오.
이것은 제목 1입니다. 이것은 제목 2입니다. 제목 3입니다. 5 이것은 제목 6입니다. 팁 기억하기
- 논리적 인 순서로 표제를 유지하려고 시도하십시오. h1은 h2보다 먼저오고 h2는 h3보다 앞에옵니다.
- 표제가 어떻게 보이는지 걱정하지 마십시오. 순서가 맞지 않는 표제를 사용하는 대신 CSS를 사용하여 표제를 스타일링 해야합니다.
- 광고 제목 태그는 블록 수준 요소 이므로 줄 바꿈을 적용합니다. 제목 태그 안에 P 태그를 넣지 마십시오.
굵게 및 기울임 꼴
제목 3입니다. 5 이것은 제목 6입니다. 팁 기억하기
- 논리적 인 순서로 표제를 유지하려고 시도하십시오. h1은 h2보다 먼저오고 h2는 h3보다 앞에옵니다.
- 표제가 어떻게 보이는지 걱정하지 마십시오. 순서가 맞지 않는 표제를 사용하는 대신 CSS를 사용하여 표제를 스타일링 해야합니다.
- 광고 제목 태그는 블록 수준 요소 이므로 줄 바꿈을 적용합니다. 제목 태그 안에 P 태그를 넣지 마십시오.
굵게 및 기울임 꼴
팁 기억하기
- 논리적 인 순서로 표제를 유지하려고 시도하십시오. h1은 h2보다 먼저오고 h2는 h3보다 앞에옵니다.
- 표제가 어떻게 보이는지 걱정하지 마십시오. 순서가 맞지 않는 표제를 사용하는 대신 CSS를 사용하여 표제를 스타일링 해야합니다.
- 광고 제목 태그는 블록 수준 요소 이므로 줄 바꿈을 적용합니다. 제목 태그 안에 P 태그를 넣지 마십시오.
굵게 및 기울임 꼴
굵게 및 기울임 꼴로 사용할 수있는 태그가 4 개 있습니다.
- 굵게 표시하려면 및
- 및 기울임 꼴
당신이 사용하는 것은 중요하지 않습니다. 일부는 및 을 선호하지만 많은 사람들이 은 "굵은 글꼴"로, 기울임 꼴은 더 쉽게 기억할 수 있습니다.
텍스트를 굵게 또는 기울임 꼴로 만들기 위해 텍스트를 여는 태그와 닫는 태그로 묶기 만하면됩니다 .
굵게 기울임 꼴이러한 태그를 중첩 할 수 있습니다 (즉, 텍스트를 굵게 및 기울임 꼴로 만들 수 있음). 외부 태그 또는 내부 태그가 중요하지 않습니다.
예 :
이 텍스트는 굵게 표시됩니다.
이 텍스트는 굵은 글꼴입니다 .이 텍스트는 기울임 꼴로 표시됩니다.
이 텍스트는 기울임 꼴입니다.이 텍스트는 굵게 및 기울임 꼴입니다.
이 텍스트는 굵게 및 기울임 꼴 입니다.왜 두 세트의 굵은 글씨와 기울임 꼴 태그가 있습니까?
HTML4에서 및 태그는 텍스트 모양에만 영향을 주며 태그 내용에 대해서는 아무 것도 말하지 않는 스타일 태그로 간주되어 사용하기에 좋지 않은 형식으로 간주되었습니다. 그런 다음 HTML5를 사용하여 텍스트 외양의 의미 론적 의미가 부여되었습니다.
HTML5에서 이러한 태그에는 특별한 의미가 있습니다.
- 는 주변 텍스트보다 중요하지 않은 텍스트를 나타내지 만 일반적인 인쇄상의 표현은 굵은 텍스트입니다 (예 : 문서 개요의 키워드 또는 리뷰의 제품 이름).
- 는 주변 텍스트보다 중요하지 않은 텍스트를 나타내지 만 일반적인 인쇄상의 표현은 책 제목, 기술 용어 또는 다른 언어의 구와 같은 기울임 꼴 텍스트입니다.
- 는 주변 텍스트와 비교하여 중요도가 높은 텍스트를 나타냅니다.
- 는 주변 텍스트에 비해 강조되는 텍스트를 나타냅니다.