Textes, listes, liens, emphase
Objectifs
- Maîtriser p, strong, em, blockquote
- Créer ul/ol/li et dl
- Écrire des liens accessibles
Cours
Le texte est le cœur du Web. <p> pour les paragraphes, <strong> pour l’importance, <em> pour l’emphase — ce ne sont pas de simples « gras / italique » cosmétiques.
Listes : ul (non ordonnée), ol (ordonnée), li (item). dl/dt/dd pour glossaires. Les menus de navigation sont souvent des listes de liens.
Liens : <a href="...">libellé clair</a>. Évite « cliquez ici ». Pour un nouvel onglet : target="_blank" + rel="noopener noreferrer".
Ancres internes : href="#section-id" avec id sur la cible. Utile pour les longues leçons et la FAQ.
Bonne pratique : le libellé du lien doit avoir du sens hors contexte (lecteurs d’écran parcourent la liste des liens).
Atelier pratique
Crée une <ul> avec 3 <li> contenant chacun un <a href>.
Évaluation
Évaluation
1. Quelle balise pour une liste numérotée ?