HTML (HyperText Markup Language) fournit six balises spéciales pour afficher des titres de différents niveaux. Tous ont des paramètres par défaut (taille et style de la police, nombre de retraits des éléments précédents et suivants, etc.). Ces options peuvent être outrepassées à l'aide d'instructions CSS (Cascading Style Sheets) et ainsi modifier l'apparence des titres dans le texte d'une page Web.
Instructions
Étape 1
Placez des titres de niveaux différents entre les balises d'ouverture et de fermeture correspondantes, si ce n'est déjà fait dans le code source de la page Web. Par exemple, le titre le plus important (premier niveau) doit se trouver entre les balises
et
:
Titre de premier niveau
Le prochain sous-titre de niveau le plus important doit être placé entre les balises
et
etc. Le dernier des niveaux prévus est le sixième -
et
Étape 2
Placez dans la partie en-tête du code source (entre les balises et) une déclaration indiquant au navigateur du visiteur qu'il y a une description des styles en CSS à cet endroit:
/ * Les instructions CSS seront ici * /
Étape 3
Entre les balises de style d'ouverture et de fermeture, ajoutez des descriptions de style pour les titres de chaque niveau dont vous souhaitez modifier l'apparence. Par exemple, si vous devez uniquement modifier l'apparence des en-têtes de premier niveau, ce code peut ressembler à ceci:
h1 {
La couleur rouge;
taille de la police: 20 px;
style de police: italique;
font-weight: gras;
marge supérieure: 30 px;
marge inférieure: 20 px;
}
Ici, h1 indique que la description entre accolades fait référence à la balise h1 et est appelée un "sélecteur". Le paramètre color définit la couleur du texte, le paramètre font-size est la taille de la police, le style de police avec la valeur en italique est la police en italique, le poids de police avec la valeur en gras est en gras, margin-top est le haut margin, et margin-bottom est la marge inférieure. Pour les titres de second niveau, ajoutez un bloc similaire avec un sélecteur h2, etc.
Étape 4
Utilisez la syntaxe abrégée s'il y a plusieurs niveaux à décrire. Par exemple, des descriptions de polices peuvent être placées dans un paramètre, ainsi que des descriptions de tailles de retrait. Goûter:
h1 {
La couleur rouge;
police: arial gras 20px;
marge: 30px 0 20px 0;
}
h2 {
couleur orange;
police: arial 18px gras;
marge: 25px 0 15px 0;
}
Dans le paramètre margin, les marges doivent être spécifiées dans le sens des aiguilles d'une montre, en partant de la marge supérieure, en passant par un espace (en haut à droite en bas à gauche).
