> 웹 프론트엔드 > HTML 튜토리얼 > HTML에서 h1의 글꼴 스타일을 설정하는 방법을 알고 있습니까? h1 태그 스타일 설정에 대한 자세한 설명

HTML에서 h1의 글꼴 스타일을 설정하는 방법을 알고 있습니까? h1 태그 스타일 설정에 대한 자세한 설명

寻∝梦
풀어 주다: 2018-08-27 16:42:57
원래의
20184명이 탐색했습니다.

이 글에서는 주로 HTML에서 h1 태그의 스타일 분석을 설명합니다. 하지만 CSS 스타일을 사용하지 않으면 HTML4.01에서만 표시할 수 있으므로 빨리 CSS 캐스케이딩 스타일 시트를 배우는 것이 좋습니다. 가능하다면 이제 이 기사에 대해 이야기해 보겠습니다.

HTML의 H 태그(H1, H2, H3 등)는 페이지의 제목 계층 구조를 나타내는 데 사용됩니다. 따라서 Hl 태그는 전체 웹페이지의 제목, H2 태그는 부제, H3는 3차 제목 등으로 볼 수 있습니다. 검색 엔진은 H 태그, 특히 Hl 태그에 나타나는 키워드를 약간 선호합니다.

먼저 예를 살펴보겠습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>php中文网</title>
</head>
<body>
<h1 align="center"  style="color:red ; font-size:50px">Hello world</h1>
</body>
</html>
로그인 후 복사

효과는 다음과 같습니다.

HTML에서 h1의 글꼴 스타일을 설정하는 방법을 알고 있습니까? h1 태그 스타일 설정에 대한 자세한 설명

이것은 제목 h1과 함께 hello world를 표시하고 글꼴 크기를 추가한 후 중앙에 표시하고 텍스트를 추가합니다. 색상은 빨간색입니다. 태그 스타일을 변경하는 방법은 매우 일반적입니다. h1 태그를 추가하는 방법 h1 태그와 제목의 차이점은 무엇입니까? h1 태그는 다음과 같은 텍스트 크기를 제어합니다.

:

태그는 웹페이지 본문에 작성됩니다. 예를 들어 h1 태그를 추가하는 방법은

p 는 웹페이지 단락의 의미입니다. 이것이 h1 태그입니다. 웹페이지 제목

제목에 스타일을 추가하는 다양한 방법:

1. html의 모든 h1 태그에 배경색을 추가하는 방법(html4.01에서만 연습 가능)

두 개 이상의 h1 라벨을 작성하고 CSS를 사용하여 라벨에 배경색을 추가합니다.

<body>
    <h1>这是一个标题测试</h1>
    <h1>这是另一个标题测试</h1>
    <style>
        h1{
            background: #090;
        }
    </style>
</body>
로그인 후 복사

렌더링은 다음과 같습니다.

2. 제목 h1에 빨간색을 추가합니다. , 코드는 다음과 같습니다:

<html>
<body>
<h1 align="center"  style="color:red">Hello world</h1>
</body>
</html>
로그인 후 복사

3. 제목의 글꼴 확대 h1 코드:

HTML에서 h1의 글꼴 스타일을 설정하는 방법을 알고 있습니까? h1 태그 스타일 설정에 대한 자세한 설명

<html>
<body>
<h1 align="center"  font-size:50px">Hello world</h1>
</body>
</html>
로그인 후 복사
H 태그를 더 자주 사용할 수 없다고 들었습니다. 이제 일반적으로 텍스트 양식을 풍부하게 하기 위한 수단으로 제목 태그를 사용하는 현재 SEO 전문가에 대해 이야기하겠습니다. 제목 태그 사용에 대한 나의 제안은 "일반적으로 페이지에는 하나의 H1 태그만 허용됩니다. H1 태그를 사용하는 것이 좋습니다. 웹페이지 제목에는 1번만 사용하고, 내용의 자막에는 H2 태그를 2번 정도, 강조가 필요한 다른 문단에는 h3 태그를 3번 정도 사용하세요. 제목 태그는 주로 어떤 이점도 갖지 않습니다. 사용자 경험에 영향을 주지 않기 위해 최적화할 모든 주요 키워드를 강조할 수는 없습니다. H 태그를 너무 많이 사용하면 키워드가 "희석"되고 심지어 문제가 발생할 수도 있습니다. 검색엔진이 부정행위로 판단합니다

[편집자 추천]


해커는 PHP를 배워야 할까요, Python을 배워야 할까요? PHP와 Python의 10가지 차이점에 대한 합리적 분석


html에서 번째 헤더 내용을 중앙에 배치하는 방법 th 헤더 태그의 align 속성에 대한 자세한 소개

위 내용은 HTML에서 h1의 글꼴 스타일을 설정하는 방법을 알고 있습니까? h1 태그 스타일 설정에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿