HTML Titres

Les titres HTML sont des titres ou sous-titres que vous souhaitez afficher sur une page web.

Exemple

Titre 1

Titre 2

Titre 3

Titre 4

Titre 5
Titre 6
Essayez-le vous-même »

Titres HTML

Les titres HTML sont définis avec les balises <h1> à <h6> .

<h1> définit le titre le plus important, tandis que <h6> définit le titre le moins important.

Exemple

<h1>Titre 1</h1>
<h2>Titre 2</h2>
<h3>Titre 3</h3>
<h4>Titre 4</h4>
<h5>Titre 5</h5>
<h6>Titre 6</h6>
Essayez-le vous-même »

Remarque : Les navigateurs ajoutent automatiquement un espace blanc (une marge) avant et après un titre.

Les Titres Sont Importants

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

Les utilisateurs parcourent souvent une page en se basant sur ses titres. Il est donc important d'utiliser des titres pour montrer la structure du document.

Les titres <h1> doivent être réservés aux titres principaux, suivis des titres <h2> , puis des titres moins importants <h3> , et ainsi de suite.

Par exemple :

  • <h1> - Titre de la page
  • <h2> - Titres de section
  • <h3> - Sous-sections

Exemple

<h1>Guide de Voyage</h1>

<h2>Europe</h2>
<h3>France</h3>
<h3>Italie</h3>

<h2>Asie</h2>
<h3>Inde</h3>
<h3>Thaïlande</h3>
Essayez-le vous-même »

Astuce : Utilisez uniquement un <h1> par page - il représente le sujet ou le titre principal.

Remarque : Utilisez les titres HTML uniquement pour les titres. N'utilisez pas de titres pour rendre le texte GRAND ou gras .

Titres Plus Grands

Chaque titre HTML a une taille par défaut. Cependant, vous pouvez spécifier la taille de n'importe quel titre avec l'attribut style , en utilisant la propriété CSS font-size :

Exemple

<h1 style="font-size:60px;">Titre 1</h1>
Essayez-le vous-même »

Référence des Balises HTML

La référence des balises de 'formation-ti.org' contient des informations supplémentaires sur ces balises et leurs attributs.

Balise Description
<html> Définit la racine d'un document HTML
<body> Définit le corps du document
<h1> à <h6> Définit les titres HTML

Pour une liste complète de toutes les balises HTML disponibles, visitez notre Référence des Balises HTML .

Vidéo : Titres HTML