简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

La balise HTML h1 est-elle une balise double ? Comment définir la position de la balise html h1 ?

寻∝梦
Libérer： 2018-08-29 13:36:05
original
9831 Les gens l'ont consulté

Cet article parle principalement de l'introduction de la balise HTML h1 , de l'effet de l'affichage de la balise double de la balise h1 et du résultat de l'affichage de la balise unique, ainsi que de l'ajustement de la position de la balise HTML h1, ajout de l'utilisation et de l'introduction de l'attribut align. Jetons un coup d'œil ensuite

1 : Tout d'abord, parlons de la question de savoir si la balise HTML h1 est une double balise ?

Beaucoup de personnes qui n'ont jamais utilisé la balise h1 en HTML doivent avoir ce problème. En fait, c'est très simple et peut être compris en regardant un exemple. (Si vous souhaitez voir plus d'exemples, bienvenue sur le site PHP chinois, un site de programmation complet)

Voici un exemple de balise HTML h1 : 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<h1>欢迎大家来到PHP中文网的教程中</h1>
<p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p>
</body>
</html>
Copier après la connexion

C'est un cas simple. On voit que la balise

est une balise double Il doit y avoir une balise de fin en HTML4 ou html5, mais si vous ajoutez la balise de fin. ou oubliez ça, certains navigateurs affichent normalement de grandes tailles, mais le navigateur Chrome utilise une autre méthode d'affichage. Voyons d'abord le rendu de ce code :

La balise HTML h1 est-elle une balise double ? Comment définir la position de la balise html h1 ?

. Jetons un coup d'œil au style de la balise fermante sans h1 : 

<body>
<h1>欢迎大家来到PHP中文网的教程中
<p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p>
</body>
Copier après la connexion

Pensez-vous à ce rendu dans le navigateur Chrome ? D'accord, regardons ça :

La balise HTML h1 est-elle une balise double ? Comment définir la position de la balise html h1 ?

Avez-vous vu que l'effet d'affichage dans Chrome est si différent, tous les mots deviennent des caractères de titre h1. Ce n’est évidemment pas l’effet que nous souhaitons. Personne n’est disposé à mettre autant de polices. Par conséquent, tout le monde devrait penser à mettre fin à la balise

Deux : Jetons maintenant un coup d'œil au paramètre de position de la balise HTML :

Le paramètre de position de html

Faisons connaissance avec un attribut : l'attribut align. (Si vous souhaitez voir plus d'introduction sur les attributs, veuillez cliquer sur Site Web PHP chinois)

l'attribut align peut aider à centrer l'affichage de nombreuses balises, et maintenant la balise h1 ne fait pas exception. regardez un exemple de barre : 

<body>
<h1 align="center">欢迎大家来到PHP中文网的教程中</h1>
<p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p>
</body>
Copier après la connexion

Regardez l'attribut align ajouté au code h1 ci-dessus. Jetons maintenant un œil à l'effet

La balise HTML h1 est-elle une balise double ? Comment définir la position de la balise html h1 ?

.

Parce que c'est difficile à voir dans la capture d'écran. Clair, mais le contenu de cette balise h1 arrive au milieu de la page Web. Le contenu de la balise

est évidemment toujours à gauche.

Bien sûr, cet attribut align a également d'autres valeurs d'attribut :

  • align="left": Si cet attribut est défini dans h1 Si la valeur est vraie, alors le titre en h1 apparaîtra sur le côté gauche comme indiqué dans l'image ci-dessus

  • align="right": Si cette valeur d'attribut est définie dans h1 Si tel est le cas, alors le titre en h1 apparaîtra sur le côté droit de la page Web.

Ces deux ne seront pas démontrés. Si vous êtes intéressé, vous pouvez l'essayer vous-même.

D'accord, cet article est terminé. Il y a de nombreuses autres introductions à la balise h1, qui apparaîtront dans les prochains articles. Les étudiants qui ont des questions peuvent laisser un message ci-dessous

【小Recommandation de l'éditeur]

Comment utiliser l'attribut méthode de la balise form en HTML ? Voici une introduction à l'utilisation de l'attribut méthode

Que signifie la balise HTML ul ? Explication détaillée du rôle de la balise HTML ul

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：
align h1 html
source：php.cn
Article précédent：Combien de fois la balise h1 peut-elle apparaître dans un HTML ? Quelle est la différence entre la balise h1 et la balise titre ? Article suivant：Comment utiliser une balise HTML ? Résumé de l'utilisation des balises html a
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
Derniers articles par auteur
Derniers numéros
Comment utiliser createTheme pour définir des styles H1, H2, H3 personnalisés dans MaterialCSS J'ai une application utilisant NextJS et MaterialCSS et j'ai créé le thème suivant : impor...
Depuis 2024-04-05 12:38:32
0
1
1363
Je rencontre des problèmes avec le formatage de la sortie lors de l'utilisation des balises <br> en HTML J'ai du mal avec les questions pratiques. Vous pouvez donc voir que j'ai tout, du HTML au ...
Depuis 2024-04-02 15:56:11
0
1
315
Quel est l'équivalent moderne du jeu de cordes LESS Pour un exemple de jeux de chaînes et de leurs utilisations, voir Utilisation des propriét...
Depuis 2024-04-02 13:29:36
0
1
361
Faites correspondre des mots spécifiques après avoir fait correspondre des phrases complètes à l'aide d'expressions régulières Je suis novice. J'essaie de trouver le nom complet dans l'une des lignes ci-dessous et san...
Depuis 2024-04-01 14:38:05
0
2
406
Comment puis-je ajouter ce CSS dans readme.md ? Comment utiliser cet effet dans le fichier readme.md ? <h1>Bienvenue</h1>h1{ba...
Depuis 2024-03-31 19:56:53
0
1
329
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！