Table des matières:
Vidéo: Tutoriel HTML5 / CSS3 - Créer une Calculatrice // Intégration du style (2/3) 2025
Les en-têtes divisent un document en sections. La plupart des livres utilisent des titres et des sous-titres pour diviser chaque chapitre en sections, par exemple, et vous pouvez faire la même chose avec votre page Web. En-têtes
-
Créer une structure organisationnelle.
-
Divisez le flux de texte sur la page.
-
Fournissez des indices visuels sur la façon dont les éléments de contenu sont regroupés.
HTML inclut six éléments pour différents niveaux de titre dans les documents:
-
est le titre le plus visible (Titre 1)
-
est le titre le moins important (Titre 6)
Suivez l'ordre numérique du plus bas au plus haut lorsque vous utilisez les niveaux de titre HTML. C'est-à-dire, n'utilisez pas un en-tête de second niveau tant que vous n'utilisez pas un en-tête de premier niveau, n'utilisez pas un en-tête de troisième niveau avant d'en utiliser un second, etc. Si cela n'a pas de sens pour vous, pensez à la façon dont les six styles de titres fonctionnent dans Microsoft Word et vous l'aurez.
Mise en forme
Pour créer un en-tête, procédez comme suit:
-
Ajoutez dans le corps de votre document.
-
Tapez le contenu de l'en-tête.
-
Ajouter .
Utilisé dans ce contexte, n signifie le numéro du niveau de titre que vous voulez créer. Par exemple, pour créer un en-tête de premier niveau, vous devez remplacer le numéro 1 par n et ajouter
à votre page, par un en-tête de second niveau, ajouter
, etc..
Affichages du navigateur
Affichages du navigateur
Chaque navigateur a une manière différente d'afficher les niveaux de titre.
Navigateurs graphiques
La plupart des navigateurs graphiques utilisent une taille et un caractère distinctifs pour les en-têtes:
-
Les en-têtes de premier niveau (
) sont les plus grands (généralement deux ou trois tailles plus grandes que).
-
Toutes les en-têtes utilisent par défaut le type en caractères gras, et le texte du paragraphe utilise le type simple (non-gras) par défaut.
-
Les en-têtes de sixième niveau (
) sont les plus petits et peuvent avoir deux ou trois tailles de caractères plus petites que le texte de paragraphe par défaut.
L'extrait de code HTML suivant présente les six rubriques au travail:
Tout sur les blocs: Titres 1-6Titre du premier niveau
Titre du deuxième niveau
Titre du troisième niveau > Titre de quatrième niveau
Titre de cinquième
Titre de sixième
La figure montre les en-têtes de la page HTML tels qu'ils ont été affichés dans un navigateur.
Utilisez la fonction CSS pour contrôler l'aspect des en-têtes, notamment la couleur, la taille, l'espacement et l'alignement.
Par défaut, la plupart des navigateurs utilisent les polices Times Roman pour les en-têtes. La taille de la police diminue au fur et à mesure que le niveau de titre augmente. (Les tailles par défaut pour les en-têtes du premier au sixième niveau sont, respectivement, les polices 24, 18, 14, 12, 10 et 8 points.Vous pouvez remplacer cette mise en forme en utilisant CSS.
Navigateurs de texte
Les navigateurs uniquement textuels utilisent des conventions d'en-tête différentes de celles des navigateurs graphiques, car les navigateurs textuels utilisent une seule taille de caractères et une seule police pour afficher tout le contenu. Certains bons navigateurs texte seulement à considérer comprennent Lynx, ELinks, Cygwin et MIRA.
