Home > Article > Web Front-end > Is the HTML h1 tag a double tag? How to set the position of html h1 tag?
Is the HTML h1 tag a double tag? How to set the position of html h1 tag?
- 寻∝梦Original
- 2018-08-29 13:36:059790browse
This article mainly talks about the introduction of HTML h1 tag, the effect of double tag display of h1 tag, and the result of single tag display, as well as the position adjustment of HTML h1 tag, added Usage and introduction of align attribute. Next, let’s take a look together
1: First, let’s talk about the HTML h1 tag. Is it a double tag?
Many people who have never used the h1 tag in HTML must have this problem. In fact, it is very simple. You can understand it by looking at an example. (If you want to see more examples, welcome to PHP Chinese website, an all-round programming website)
Here is an example of HTML h1 tag:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <h1>欢迎大家来到PHP中文网的教程中</h1> <p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p> </body> </html>
This It is a simple case. It can be seen that the tag is a double tag
, and there must be an end tag in HTML4 or html5, but if you add the end tag or forget it, some The browser displays the large size normally, but the Chrome browser displays it in another way. Let’s take a look at the rendering of this code:
Look at the style of the closing tag without h1:
<body> <h1>欢迎大家来到PHP中文网的教程中 <p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p> </body>
Can you think of this rendering in the Chrome browser? Okay, let’s just look at it:
Did you see that the display effect of this in Chrome is so different, all the words become h1 title characters. This is obviously not the effect we want. No one is willing to put so many fonts. Therefore, everyone should remember to end the
tag in the future.
2: Now let’s take a look at the position setting of the HTML tag:
The position setting of html
is also very simple, let’s get to know one Attribute: align attribute. (If you want to see more attribute introductions, please click PHP中文网) The
align attribute can help center display of many tags, and now the h1 tag is no exception. Let's take a look at an example. Bar:
<body> <h1 align="center">欢迎大家来到PHP中文网的教程中</h1> <p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p> </body>
Look at the align attribute added to the h1 code above. Now let’s take a look at the effect
Because the screenshot is not clear, But the content in this h1 tag comes to the middle of the web page. The content in the
tag is obviously still on the left.
Of course, this align attribute also has other attribute values:
align="left": If this attribute is set in h1 If the value is correct, then the title in h1 will appear on the left side like the picture above
align="right": If this attribute value is set in h1 If so, then the title in h1 will appear on the right side of the web page.
These two will not be demonstrated. If you are interested, you can try it yourself.
Okay, this article is over. There are many more introductions to the h1 tag, which will appear in future articles. Students who have questions can leave a message below
【小Editor's recommendation】
What does the HTML ul tag mean? Detailed explanation of the role of HTML ul tag
The above is the detailed content of Is the HTML h1 tag a double tag? How to set the position of html h1 tag?. For more information, please follow other related articles on the PHP Chinese website!