Erlo

html h1标签怎么居中?有关于html中的h1居中实例解析

时间:2018-08-27   阅读:3202次   来源:php中文网
页面报错
赞1
原文:http://www.php.cn/div-tutorial-409111.html

本篇文章主要的介绍了关于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>

运行之后,看图:

tuyi.png

<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>

效果图如:

tuer.png

如上图所示,这里的最小的标题是h6,是个最小的标题,比正常的文字还有小点,所以很多时候都是只用前面几个标题,到了后面的就很少用了,毕竟字数太小了。

【相关推荐】

HTML中head标签是什么意思?一篇文章教你正确地使用head标签

黑客应该学PHP还是python?理性分析PHP和python的十处差异

标签: HTML

相关推荐

提交留言

评论留言

还没有评论留言,赶紧来抢楼吧~~

吐槽小黑屋()

* 这里是“吐槽小黑屋”,所有人可看,只保留当天信息。

  • Erlo吐槽

    Erlo.vip2021-09-25 00:01:04Hello、欢迎使用吐槽小黑屋,这就是个吐槽的地方。
  • 返回顶部

    给这篇文章打个标签吧~

    棒极了 糟糕透顶 好文章 PHP JAVA JS 小程序 Python SEO MySql 确认