01Organiser les titres
Utilisez les titres pour organiser le contenu, pas seulement pour obtenir du texte plus grand. Commencez par un titre principal, puis utilisez h2 pour les sections et h3 pour les sous-sections. Personnalisez leur apparence avec CSS.
<h1>Our workshop</h1>
<h2>What we make</h2>
<h3>Custom kitchens</h3>02Paragraphes et mise en valeur
Utilisez p pour les paragraphes, strong pour signaler l’importance et em pour insister sur un mot. Évitez de multiplier les br pour créer des espaces : préférez les marges CSS.
<p>Send your measurements <strong>before ordering</strong>.</p>
<p>Every piece is <em>made to measure</em>.</p>03Des listes qui expliquent
Utilisez ul lorsque l’ordre n’a pas d’importance et ol pour des étapes à suivre dans l’ordre. Chaque élément de liste se place dans li.
<ol>
<li>Choose a service.</li>
<li>Send your measurements.</li>
<li>Review your quotation.</li>
</ol>04À vous de jouer
Ajoutez une deuxième section contenant une liste ordonnée de trois étapes.
HTML et CSS uniquement. Les scripts et l’envoi des formulaires sont désactivés.
Pour aller plus loin
Consultez les guides MDN et standard HTML Living Standard pour approfondir et connaître les bonnes pratiques des navigateurs actuels.