18910140161

HTML h1标签是双标签吗?

顺晟科技

2021-06-16 10:34:55

372

首先说一下HTMLh1标签是不是双标签。

很多没用过HTML中h1标签的人肯定有这个问题。其实很简单,看个例子就明白了。(更多例子欢迎登陆PHP中文网站,全方位编程网站)

这里有一个HTMLh1标签的例子:

!doctypehtml

超文本标记语言

metacharset='utf-8 '

TitlePHP中文网站/标题

/head

身体

h1欢迎来到PHP中文网站教程/h1

p这里我们将详细解释一下HTML

/body

/html

这是一个简单的案例。可以看出h1标签是双标签,HTML4或html5中必须有结束标签。但是,如果添加了结束标记或者忘记了,有些浏览器通常会显示大尺寸,而Chrome浏览器是另一种显示方式。让我们先来看看这段代码的呈现:

tuyi.png

让我们看看没有h1的结束标记样式:

身体

H1欢迎来到PHP中文网站教程

p这里我们将详细解释一下HTML

/body

你能想到Chrome浏览器中的这种渲染吗?好吧,让我们来看看:

tuer.png

看到了吧,Chrome里显示效果差别太大,所有的字都改成h1标题的字符。这显然不是我们想要的效果。没人愿意放这么多字体。所以以后大家都会记得结束h1标签。

第二:现在我们来看看HTMLa标签的位置设置:

htmlh1的位置设置也很简单,就是让我们知道一个属性:align属性。(更多属性介绍,请点击PHP中文网站)

align属性可以帮助许多标签显示在中心,现在h1标签也不例外。让我们看一个例子:

身体

H1align='center '欢迎来到PHP中文网站教程/h1

p这里我们将详细解释一下HTML

/body

看看上面h1代码中添加的align属性。现在让我们看看效果

tusan.png

因为截图看不清,但是这个h1标签里的内容到了网页中间。p标签里的内容显然还是在左边。

当然,这个align属性还有其他属性值:

Align='left':如果在h1中设置了这个属性值,那么h1中的标题会出现在左侧,如上图所示

Align='right':如果在h1中设置了该属性值,h1中的标题将出现在网页的右侧。

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

好了,这篇文章到此结束。h1标签上还有很多介绍,会在以后的文章中出现。有问题的同学可以在下面留言

本文转载自中文网站

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航