HTML h1 태그를 중앙에 배치하는 방법은 무엇입니까? HTML에서 h1 센터링의 예 분석

寻∝梦

풀어 주다： 2018-08-27 17:10:22

원래의

85474명이 탐색했습니다.

이 글에서는 주로 HTML을 가운데 정렬하는 방법을 소개합니다. 이 속성은 현재는 덜 사용되지만 CSS에서는 모두 사용되는 매우 유용한 속성입니다. , 그러나 초보자의 경우 align 속성을 사용하여 h1 태그를 중앙에 배치하는 것이 좋습니다. 자, 이제 다음 글을 읽어볼까요

먼저 h1 태그가 무엇을 하는지 살펴볼까요?

태그는 제목을 정의하는 데 사용되는 태그입니다.

이 제목 태그를 중앙에 배치하는 방법은 무엇입니까? 이것은 align 속성에 관한 것입니다. h 시리즈 태그 자체가 블록 수준 요소이므로 text-align:center 속성을 사용하여 텍스트를 가운데에 맞출 수 있습니다. 예시를 보여드리겠습니다.

center-aligned HTML h1 title:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<h1 align="center">这里是PHP中文网</h1>
</body>
</html>

로그인 후 복사

실행 후 사진을 보세요:

HTML h1 태그를 중앙에 배치하는 방법은 무엇입니까? HTML에서 h1 센터링의 예 분석

-

은 가장 큰 제목을 정의합니다.

가장 작은 제목을 정의합니다.

h 요소에는 정확한 의미가 있으므로 문서 구조에 적합한 태그 수준을 신중하게 선택하세요. 기본적으로 CSS는 웹 페이지를 더 아름답게 만드는 데 사용됩니다.

HTML h1 태그의 역할:

웹사이트 제작 과정에서 자주 사용되는 태그입니다. 이 태그에도 h2와 h3이 있습니다. 음, 웹사이트 최적화는 절반의 노력으로 두 배의 결과를 얻을 수 있습니다.

볼 예시도 있습니다: (h1부터 h6까지)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<h1 align="center">这里是PHP中文网</h1>
<h2 align="center">这是第二标题</h2>
<h3 align="center">这是第三标题</h3>
<h4 align="center">这是第四标题</h4>
<h5 align="center">这是第五标题</h5>
<h6 align="center">这是最小的标题</h6>
</body>
</html>

로그인 후 복사

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

HTML h1 태그를 중앙에 배치하는 방법은 무엇입니까? HTML에서 h1 센터링의 예 분석