<< Retour au sommaire

 

HTML 5, les titres

 

 

 

Pour une meilleure présentation de votre texte, vous pouvez utiliser des titres de différents niveaux, les balises que nous allons étudier maintenant sont des balises de type bloc, c’est-à-dire que vous devez impérativement les placer en-dehors des blocs « paragraphe ».

 

<h1>texte du titre de niveau 1</h1>

<h2>texte du titre de niveau 2</h2>

<h3>texte du titre de niveau 3</h3>

<h4>texte du titre de niveau 4</h4>

<h5>texte du titre de niveau 5</h5>

<h6>texte du titre de niveau 6</h6>

Stop ! ça suffit !

 

Oui, le HTML met à votre disposition 6 niveau de titres, et ce, pour mieux structurer la hiérarchie des chapitres.

 

« Titre de niveau 1 » ne veut pas dire qu’il s’agit du premier titre et que « titre de niveau 2 » du deuxième titre !

Non non, c’est que tout simplement, un titre de niveau 2 est un sous titre du titre de niveau 1, et bien sûr, qu’un titre de niveau 3 est un sous titre d’un titre de niveau 2 etc.

 

Voici un exemple :

 

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!--[if lt IE 9]>

    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

<title>LA CHARENTE-MARITIME</title>

</head>

<body>

<h1>LA CHARENTE-MARITIME</h1>

<h2>L'exploitation maritime</h2>

<h3>L'ostréiculture</h3>

<p>

L'ostréiculture est l'exploitation des huîtres en claire.<br />

Les huitres du bassin <em>MARENNE OLÉRON</em> sont connues sous le nom de <strong>"fines de claires</strong>.</p>

<h3>La pêche</h3>

<p>

Ici, les petits chalutiers traînent leurs chaluts dans un endroit de l'océan appelé <em>le coureau</em>.<br />

On pêche de tout !<br />

<h2>Les grandes villes</h2>

<h3>LA ROCHELLE</h3>

<p>

LA ROCHELLE est le chef lieu de la CHARENTE-MARITIME 17.<br />

Cette ville est très connu pour son magnifique vieux port situé en plein centre-ville.</p>

<h3>ROCHEFORT</h3>

<p>

ROCHEFORT est une très ancienne ville qui a connue de grands événements aux siècles précédents

</p>

</body>

</html>

 

Tester la page >>

 

Philippe BOULANGER