Ecrire le HTML | A Propos | FAQ | Alumni | Kudos | Références | Tags | Leçons | précédent | suivant |

3. Titres : Au Fond Des Six Niveaux

Comme vous allez le voir dans cette page web, les titres de section ("Titres : Au Fond des Six Niveaux", "Objectifs", "Leçons", "Titres HTML" ...) apparaissent avec des tailles différentes et, peut-être, des fontes et des couleurs ifférentes. Le HTML comprend des balises pour afficher les titres avec six tailles de police. Votre navigateur détermine la taille et la police exacte pour l'affichage.

Objectifs

Après cette leçon, vous pourrez :

Identifier les différents niveaux de titres HTML et les tags qui leur sont associés.
Placer différents niveaux de titres dans vos documents HTML et voir les changements dans votre navigateur.

Leçon

Titres HTML

Vous allez créer des titres en HTML en "taggant" certains morceaux de texte avec des tags de titres. Le format pour un tag de titre HTML est :


     <hN>Texte à Mettre en Titre</hN>

où N est un chiffre de 1 à 6 identifiant la taille du titre. Voici quelques exemples de tailles de titres différentes :

Titre Niveau 1

Titre Niveau 2

Titre Niveau 3

Titre Niveau 4

Titre Niveau 5

Titre Niveau 6

Les niveaux de titre vont du niveau 1 (Plus Important) au niveau 6 (Moins Important). Comme dans un plan, vos niveaux de titres doivent avoir un ordre logique et être alignés.

Placer Des Titres HTML Dans Votre Document

Note : Si vous n'avez pas le document de la leçon précédente, vous pouvez en télécharger une copie maintenant.

Réouvrez votre espace de travail (si ce n'est déjà fait).
Allez dans la fenêtre de votre éditeur de texte.
Ouvrez le fichier texte HTML que vous avez créé dans la leçon 2, "volc.html".
Nous allons tout d'abord utiliser le tag de titre le plus gros, <H1>. Tapez ce qui suit au-dessus du texte existant et après les tags </head><body> :
```
           <h1>Web Volcan</h1>
```

Sous le texte déjà entré, créez d'autres titres pour les sections futures de votre page Web Volcan.

Entrez les titres suivants à l'intérieur de la section body de votre page web (Notez le fait que certains sont des tags H3 et d'autres des tags H2) :


          <h2>Introduction</h2>

          <h2>Terminologie des Volcans</h2>

          <h2>Endroits Volcaniques aux USA</h2>

          <h3>Le Mont St Helens</h3>

          <h3>Long Valley</h3>

          <h2>Endroits Volcaniques sur Mars</h2>

          <h2>Projet de Recherche</h2>

          <h3>Références</h3>

Sauvegardez les changements dans votre éditeur de texte.
Retournez dans votre navigateur, Ouvrez et Rechargez le fichier HTML.

Notez que, sur l'ordinateur que vous êtes en train d'utiliser, vous pouvez vous servir des préférences de votre navigateur pour définir les polices et/ou les tailles des titres. Par exemple, sur un ordinateur, le navigateur pourrait afficher les tags h1 en police Times avec une taille de 36 points, les tags h2 en Helvetica 24 points, etc. Les codes HTML indiquent juste que les titres sont d'un certain type (h1 à h6) ; Leur affichage est contrôlé par l'utilisateur du navigateur.

Vérifiez Votre Travail

Comparez votre travail avec cet échantillon. Si certains de vos titres n'apparaîssent pas correctement, vérifiez que les tags de départs et de fins ont le même niveau de titre.

En option, regardez ce qui arrive quand vous faites une faute de frappe. Ouvrez votre document HTML dans l'éditeur de texte et effacez le slash (/) dans le tag <h1>, après le titre Web Volcan :


          <h1>Web Volcan

<h1>

["/" manquant ------------^^^]

Sauvegardez les changements et rechargez la page dans votre navigateur. Sans la syntaxe correcte du tag h1 de fin, votre navigateur interprète toute la suite du texte en tant que titre ! Après cet essai, ré-insérez le slash au bon endroit.

Révision

Quels sont les différents niveaux de titres HTML ?
Quels sont les tags associés à ces différents niveaux ?
Quelles étapes avez-vous réalisées pour placer ces titres dans votre document HTML ?
Qu'arrive-t-il si vous oubliez un slash à la fin d'un tag de titre?

Travail Indépendant

Ajoutez au moins trois titres de différents niveaux à votre propre document HTML.

A Suivre....

Organiser le texte en paragraphes.

ALLER A.... | Index des Leçons | précédent : "Modifier le HTML" | suivant : "Paragraphes" |

Ecrire le HTML : Leçon 3 : Titres : Au Fond Des Six Niveaux
©1994-2003 Maricopa Center for Learning and Instruction (MCLI)
Maricopa Community Colleges

La 'net connection (en anglais) à MCLI est Alan Levine
Suggestions en Français à Bernard Bensoussan

URL: http://www.mcli.dist.maricopa.edu/tut/tut3.html