Catégorie : Cours HTML

Choisissez les champs email, nombre, date, case à cocher et bouton radio selon leur objectif. Un formulaire complet permet de comparer les valeurs de date, les groupes obligatoires et les entrées omises par les contrôles non sélectionnés.

Connectez les étiquettes aux champs de saisie avec for et id, distinguez l'id du nom soumis, et apprenez pourquoi le texte indicatif ne peut pas remplacer une étiquette.

Distinguez action, method et name, puis comparez les requêtes GET et POST. Inspectez les entrées avec FormData sans les envoyer et comparez les contrôles disabled, readonly et les cases à cocher.

Rendez clairs les en-têtes du tableau et les relations entre les données avec caption, th et scope, et apprenez quand colspan ou rowspan rend un tableau plus difficile à lire.

Construisez un tableau de données HTML de base avec des lignes et des cellules d'en-tête ou de données, puis organisez ses en-têtes et ses lignes de données sans utiliser de tableaux pour la mise en page.

Utilisez figure et figcaption pour garder une image et son explication visible ensemble, et distinguer les légendes du texte alternatif de l'image.

Comprenez la différence structurelle entre div et span, apprenez à cibler le contenu nécessaire avec le CSS, et à choisir des éléments sémantiques lorsqu'ils décrivent mieux le contenu.

Apprenez quand utiliser header, nav, main, article, section, aside et footer, puis construisez une page complète dont les régions et les liens internes fonctionnent ensemble.

Comparez srcset et sizes pour le changement de résolution avec picture pour la adaptation du cadrage. Utilisez de vrais fichiers pour vérifier la largeur d'affichage mobile, les conditions média et l'image sélectionnée par le navigateur.

Ajoutez une image avec HTML img, écrivez un texte alternatif utile et définissez correctement la largeur et la hauteur. Un exemple téléchargeable vous aide à tester les chemins de fichiers et les tailles.