Maison >interface Web >tutoriel HTML >Savez-vous comment définir le style de police de h1 en HTML ? Explication détaillée sur la définition du style de la balise h1
Savez-vous comment définir le style de police de h1 en HTML ? Explication détaillée sur la définition du style de la balise h1
- 寻∝梦original
- 2018-08-27 16:42:5720211parcourir
Cet article explique principalement l'analyse du style des balises h1 en html. Cependant, si vous n'utilisez pas le style CSS, il ne peut être affiché qu'en html4.01, nous devrions donc apprendre les feuilles de style en cascade CSS dès que possible. , d'accord, parlons maintenant de cet article.
La balise H (H1, H2, H3, etc.) en HTML est utilisée pour indiquer le système de hiérarchie des titres dans une page. Par conséquent, la balise Hl peut être considérée comme le titre de la page Web entière, la balise H2 est le sous-titre, H3 est le titre de troisième niveau, etc. Les moteurs de recherche ont une petite préférence pour les mots-clés qui apparaissent dans les balises H, notamment les balises Hl. Parlons de la façon d’utiliser les balises H1.
Regardons d'abord un exemple :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>php中文网</title> </head> <body> <h1 align="center" style="color:red ; font-size:50px">Hello world</h1> </body> </html>
L'effet est comme indiqué ci-dessous :
C'est le Hello World ci-dessus qui est représenté par le titre h1, la taille de la police est ajoutée, l'affichage est centré et la couleur du texte est rouge. Cette méthode de changement de style des balises est très courante.
Comment ajouter la balise h1 ? Quelle est la différence entre la balise h1 et le titre
la balise h1 contrôle le ? taille d'un morceau de texte (De h1 à h6), tel que
: La balise
est inscrite dans le corps de la page web. Comment ajouter des balises h1, par exemple ;/p>
Différentes façons d'ajouter des styles aux titres :1. couleur d'arrière-plan de toutes les balises h1 en HTML (peut être pratiqué uniquement en HTML4.01)
Écrivez deux balises h1 ou plus et utilisez CSS pour ajouter une couleur d'arrière-plan aux balises. est le suivant :
Le rendu est le suivant :<body>
<h1>这是一个标题测试</h1>
<h1>这是另一个标题测试</h1>
<style>
h1{
background: #090;
}
</style>
</body>
2. Ajoutez de la couleur rouge au titre h1, le code est le suivant :
<html> <body> <h1 align="center" style="color:red">Hello world</h1> </body> </html>
<html> <body> <h1 align="center" font-size:50px">Hello world</h1> </body> </html>
[Recommandation de l'éditeur]
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!