Titres HTML

Dans un document HTML, les titres sont importants.

Titres HTML

Les titres (Heading) sont définis par les balises <h1> - <h6>.

<h1> Définit le plus grand titre.<h6> Définit le plus petit titre.

Exemple

<h1>Ceci est un titre</h1>
<h2>Ceci est un titre</h2>
<h3>Ceci est un titre</h3>

Essayez-le vous-même

Remarque :Les navigateurs ajoutent automatiquement une ligne blanche avant et après les titres.

Remarque :Par défaut, HTML ajoute automatiquement une ligne blanche supplémentaire avant et après les éléments en bloc, comme les paragraphes et les éléments de titre.

Les titres sont importants

Assurez-vous d'utiliser les balises de titre HTML uniquement pour les titres. Ne les utilisez pas uniquement pour créer du texte en gras ou en grand.

Les moteurs de recherche utilisent les titres pour indexer la structure et le contenu de vos pages web.

Les utilisateurs peuvent naviguer rapidement sur votre page web grâce aux titres, c'est pourquoi il est important de présenter la structure du document avec des titres.

L'élément h1 doit être utilisé comme titre principal (le plus important), suivi de h2 (secondaire), puis h3, et ainsi de suite.

Ligne horizontale HTML

<hr /> Le tag <hr> crée une ligne horizontale dans une page HTML.

L'élément hr peut être utilisé pour séparer le contenu.

Exemple

<p>Ceci est un paragraphe</p>
<hr />
<p>Ceci est un paragraphe</p>
<hr />
<p>Ceci est un paragraphe</p>

Essayez-le vous-même

Astuce :Utiliser une ligne horizontale (<hr> tag) pour séparer les sections d'un article est une solution (mais ce n'est pas la seule).

Commentaire HTML

Vous pouvez insérer des commentaires dans le code HTML, ce qui améliore la lisibilité du code et le rend plus facile à comprendre. Les navigateurs ignorent les commentaires et ne les affichent pas.

Les commentaires sont ainsi écrits :

Exemple

<!-- This is a comment -->

Essayez-le vous-même

Remarque :Un point d'exclamation doit suivre immédiatement le débutant de l'accolade (l'accolade de gauche), et il n'est pas nécessaire avant la fin de l'accolade (l'accolade de droite).

Astuce :L'utilisation raisonnable des commentaires peut aider à l'édition future du code.

Avis HTML - Comment voir le code source

Vous avez certainement été impressionné par un site Web et avez dit: "WOW! Comment cela est-il fait ?"

Si vous voulez découvrir les secrets, il suffit de cliquer avec le bouton droit, puis de choisir "Voir le fichier source" (IE) ou "Voir le code source de la page" (Firefox), les autres navigateurs agissent de la même manière. Cela ouvrira une fenêtre contenant le code HTML de la page.

Exemples de cette page

Titre
Comment afficher les titres dans le document HTML.
Commentaires cachés
Comment insérer des commentaires dans le code source HTML.
Ligne horizontale
Comment insérer une ligne horizontale.

Guide de référence des balises HTML

Le guide de référence des balises CodeW3C.com fournit plus d'informations sur ces titres et leurs attributs.

Vous apprendrez plus sur les balises et les attributs HTML dans les chapitres suivants de ce tutoriel.

Balise Description
<html> Définir le document HTML.
<body> Définir le corps du document.
<h1> à <h6> Définir les titres HTML
<hr> Définir une ligne horizontale.
<!--...--> Définir les commentaires.