Maison > interface Web > tutoriel HTML > 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

寻∝梦
Libérer: 2018-08-27 17:10:22
original
85500 Les gens l'ont consulté

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>
Copier après la connexion

Après l'exécution, regardez l'image :

Comment centrer la balise html h1 ? Analyse dexemples de centrage h1 en html

- Les balises

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>
Copier après la connexion

Le rendu est le suivant :

Comment centrer la balise html h1 ? Analyse dexemples de centrage h1 en html

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

Les hackers doivent-ils apprendre PHP ou python ? Analyse rationnelle de dix différences entre PHP et python

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal