HTML h1标签是什么标签？如何设置html h1标签的位置？

发布时间：2020-07-08 16:19:21 来源：亿速云阅读：2859 作者：Leah 栏目： web开发

本篇文章给大家分享的是有关HTML h1标签是什么标签？如何设置html h1标签的位置？小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

一：首先我们来说说HTML h2标签是双标签吗？

很多没有用过HTML中的h2标签的肯定有这种问题，其实这很简单，看个实例就能明白的事情。

这就有个关于HTML h2标签的实例：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>亿速云</title>
</head>
<body>
<h2>欢迎大家来到亿速云的教程中</h2>
<p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p>
</body>
</html>

这是一个简单的案例，由此可见，<h2>标签是双标签，在HTML4还是html5之中都必须要有结束标签，但是如果你添加结束标签或者忘了的话，有些浏览器是正常显示大号的，但是Chrome浏览器却是另一种显示方法，先看看这个代码的效果图：

HTML h1标签是什么标签？如何设置html h1标签的位置？

来看看没有h2的结束标签的样式：

<body>
<h2>欢迎大家来到亿速云的教程中
<p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p>
</body>

这个在Chrome浏览器中效果图大家能想到吗？好了，还是直接看吧：

HTML h1标签是什么标签？如何设置html h1标签的位置？

看到没有，这个在Chrome之中的显示效果居然差别这么多，把所有的字都变成h2标题的字符了。这样明显不是我们要的效果，没有哪个肯把字体都放这么多的。所以，大家以后还是都记得把<h2>标签结束。

二：现在来看看HTML<a>标签的位置设置：

html<h2>的位置设置也很简单，就是让我们来认识一个属性：align属性。（想看更多属性介绍，欢迎点击亿速云）

align属性可以帮助很多标签的居中显示，现在在h2标签也不例外，让我们来看看实例吧：

<body>
<h2 align="center">欢迎大家来到亿速云的教程中</h2>
<p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p>
</body>

看上面h2代码中加上了align属性，现在来看看效果

HTML h1标签是什么标签？如何设置html h1标签的位置？

因为截图看不太清，但是这个h2标签之中的内容来到了网页的中间。<p>标签之中的内容明显还在左边。

当然这个align属性还有别的属性值：

align="left":如果在h2之中设置了这个属性值的话，那么h2之中的标题就会出现在上图一样的左边了
align="right":如果在h2之中设置了这个属性值的话，那么h2之中的标题就会出现在网页的右边了。

这两个就不演示了，感兴趣的可以自己试试。

以上就是HTML h1标签是什么标签？如何设置html h1标签的位置？小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

向AI问一下细节

HTML h1标签是什么标签？如何设置html h1标签的位置？

猜你喜欢

最新资讯

相关推荐

相关标签