Catégorie : Cours HTML

Créez des pages Accueil, À propos et Contact avec une navigation partagée et des métadonnées distinctes. Séparez l'exercice de saisie du contact d'un service de réception et vérifiez la navigation, la validation et les critères de réalisation au clavier.

Trouvez les problèmes de balisage avec le Nu HTML Checker et distinguez la validation du comportement du navigateur. Comparez un exemple complet d’ID en double avec sa correction et testez chaque association d’étiquette.

Passez en revue la signification et l'utilisation au clavier des titres, liens, images et formulaires. Pratiquez les tests manuels sur une petite page avec un lien de saut, des instructions de champ persistantes et un focus visible.

Créez un contenu dépliable accessible au clavier avec les éléments details et summary, et décidez s’il doit être ouvert au départ ou afficher directement le contenu.

Utilisez correctement l'audio, la vidéo, l'iframe, les sous-titres et les liens alternatifs. Le CSS responsive et un exercice local d'iframe vous aident à vérifier les chemins, les rapports d'aspect et la mise en page sur écran étroit.

Placez correctement l'attribut lang de HTML ainsi que le titre et les paramètres meta de l'en-tête. Comparez leurs objectifs et vérifications, puis dépannez le codage de fichier UTF-8 et les en-têtes de réponse du serveur.

Apprenez comment ajouter des indices de remplissage aux champs input et textarea en HTML sans les confondre avec des labels ou des valeurs initiales. Comprend un exemple complet de formulaire, des vérifications de champs obligatoires et une explication des valeurs vides dans les données soumises.

Regroupez les questions avec fieldset, legend et des noms de radio distincts, et décrivez les objectifs des champs avec autocomplete. Testez deux groupes indépendants et comparez les jetons de remplissage automatique courants.

Appliquez les contraintes intégrées de type obligatoire, longueur et numérique, testez les états d’erreur et comprenez pourquoi la validation côté serveur reste nécessaire.

Comparez comment textarea, select, option et button conservent les valeurs et se comportent. Un formulaire complet montre la sélection requise, les valeurs des options soumises et la réinitialisation qui restaure les valeurs initiales.