Table of Contents

The tag is a tag used to define the title. It is a double tag.

这里是PHP中文网

这是第二标题

这是第三标题

这是第四标题

这是第五标题

这是最小的标题

Home

Web Front-end

HTML Tutorial

How to center the html h1 tag? Analysis of examples of h1 centering in html

寻∝梦

Aug 27, 2018 pm 05:10 PM

h1 h2 h5 html

This article mainly introduces how to use h1 to center HTML. The article introduces the align attribute. This attribute helps the centering of many tags. It is a very useful attribute. Although it is less used now, it has been changed. I used CSS, but for beginners, it is better to use the align attribute to center the h1 tag. Okay, let’s start reading the following article now

Let’s first take a look at what the h1 tag does?

The tag is a tag used to define the title. It is a double tag.

So how to center this title tag? This is about the align attribute. You can use the text-align:center attribute to center the HTML title. Because the h series tag itself is a block-level element, setting this attribute can center the text. Let me show you an example

Center-aligned HTML h1 title:

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

Copy after login

After running, look at the picture:

How to center the html h1 tag? Analysis of examples of h1 centering in html

-

tag defines the title.

defines the largest heading.

Defines the smallest heading.

Since the h element has exact semantics, please carefully choose the appropriate tag level to structure the document. Basically, CSS is used to make the web page more beautiful.

The role of the HTML h1 tag:

is used for website construction. The H1 tag is a tag that is often used in the website production process. Its role is second only to Title. This tag There are also h2 and h3. If these tags are used properly, the optimization of the website will have twice the result with half the effort.

There are also examples to see: (from h1 to h6)

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

Copy after login

The rendering is as follows:

How to center the html h1 tag? Analysis of examples of h1 centering in html

As shown in the picture above, The smallest title here is h6, which is the smallest title and is smaller than normal text. Therefore, most of the time, only the first few titles are used, and the later ones are rarely used. After all, the number of words is too small.

【Related recommendations】

What does the head tag in HTML mean? An article teaches you how to use the head tag correctly

Should hackers learn PHP or python? Rational analysis of ten differences between PHP and python

The above is the detailed content of How to center the html h1 tag? Analysis of examples of h1 centering in html. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn