Maison > Article > interface Web > Comment centrer la balise html h1 ? Analyse d'exemples de centrage h1 en html
Comment centrer la balise html h1 ? Analyse d'exemples de centrage h1 en html
- 寻∝梦original
- 2018-08-27 17:10:2285374parcourir
Cet article présente principalement comment utiliser h1 pour centrer le HTML. L'article présente l'attribut align. Cet attribut aide au centrage de nombreuses balises. Bien qu'il soit moins utilisé maintenant, il a été modifié. J'ai utilisé CSS, mais pour les débutants, il est préférable d'utiliser l'attribut align pour centrer la balise h1. Bon, commençons maintenant à lire l'article suivant
Voyons d'abord à quoi sert la balise h1 ? La balise
est une balise utilisée pour définir le titre. C'est une balise double.
Alors, comment centrer cette balise de titre ? Il s'agit de l'attribut align. Vous pouvez utiliser l'attribut text-align:center pour centrer le titre HTML. Étant donné que la balise de la série h elle-même est un élément de niveau bloc, la définition de cet attribut peut centrer le texte. Laissez-moi vous montrer un exemple
Titre HTML h1 aligné au centre :
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <h1 align="center">这里是PHP中文网</h1> </body> </html>
Après l'exécution, regardez l'image :
- Les balises définit le titre le plus grand. Définit le plus petit en-tête.
définit le titre le plus grand. Définit le plus petit en-tête.
Étant donné que l'élément h a une sémantique exacte, veuillez choisir avec soin le niveau de balise approprié pour structurer le document. Fondamentalement, CSS est utilisé pour rendre la page Web plus belle.
Le rôle de la balise HTML h1 :
est utilisée pour la construction de sites Web. La balise H1 est une balise souvent utilisée dans le processus de production de sites Web. Son rôle est le deuxième derrière cette balise. également h2 et h3 Si ces balises sont utilisées correctement, l'optimisation du site Web aura le double de résultat avec la moitié de l'effort.
Voici quelques exemples : (de 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>
Le rendu est le suivant :
Comme indiqué dans l'image ci-dessus Comme indiqué, le plus petit titre ici est h6, qui est le plus petit titre. Il est plus petit que le texte normal, donc la plupart du temps, seuls les premiers titres sont utilisés, et les derniers sont rarement utilisés. le nombre de mots est trop petit.
[Recommandations associées]
Que signifie la balise head en HTML ? Un article vous apprend à utiliser correctement la balise head
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!