Aller au contenu principal
ShadowAcademy

Les langages HTML Le texte

Titres et mise en valeur

Six niveaux de titres

<h1> à <h6> forment le plan de la page, comme les titres d'un exposé :

<h1>Guide du jardin</h1>
  <h2>Règles</h2>
    <h3>Règles de conduite</h3>
    <h3>Règles d'arrosage</h3>
  <h2>Ateliers</h2>

Deux règles :

  • Un seul <h1> par page : le sujet de la page.
  • Pas de niveau sauté : un <h3> suit un <h2>, jamais directement un <h1>.

Les personnes qui utilisent un lecteur d'écran naviguent souvent de titre en titre : un plan cohérent leur sert de sommaire. On ne choisit donc jamais un niveau de titre pour sa taille : l'apparence se règle en CSS.

Mettre en valeur

<p>Le portail <strong>12</strong> doit rester <em>ouvert</em>.</p>
  • <strong> : une information importante.
  • <em> : une insistance, qui change le sens de la phrase si on la lit à voix haute.

<b> et <i> existent aussi, mais ne disent rien du sens : ils ne font que changer l'apparence. Pour signaler une importance, <strong>.

2 exercices pour cette lecon

Les exercices demandent un compte : il faut bien enregistrer votre progression quelque part. La lecture, elle, reste libre. Creer un compte

  • Une hiérarchie de titres facile lecon a valider
  • Mettre en valeur facile lecon a valider