html h1标签怎么居中？有对于html中的h1居中实例解析-百分百源码网

html h1标签怎么居中？有对于html中的h1居中实例解析

发布时间：09/01 来源：未知浏览：关键词：

本篇文章主要的介绍了关于HTML如何使用h1居中的，文章中介绍了align属性，这个属性帮忙了许多标签的居中，很好用的一个属性，虽然此刻用的少了，都改用css了，不外关于初学者来说，h1标签居中还是用align的属性好。好了，此刻开端阅读下面的文章吧

我们先来看看h1标签是干什么的？

<h1>标签是用来定义标题的一种标签，是一个双标签。

那么这个标题标签要如何居中呢？这就要说到align属性了，HTML标题居中可以用text-align:center属性，由于h系列标签本身为块级元素，设定这个属性后就能让文字居中。给你看个实例

居中对齐的 HTML h1标题：

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

运转之后，看图：

<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

由于 h 元素具有确切的语义，因此请您稳重地选中适当的标签层级来构建文档的构造，根本上都是用css用来让网页更美丽。

HTML h1标签的作用:

是用于网站建设，H1标签是在网站制作历程中，经常用到的一个标签，他的作用仅次于Title，这个标签还有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>

结果图如：