Alignement des Éléments et Propriétés CSS
Objectifs
Les objectifs de cette vidéo sont de :
- Assurer la compatibilité XHTML en utilisant des balises appropriées.
- Aligner les différents champs de formulaire de manière uniforme.
- Utiliser les propriétés CSS telles que
display: block
etfloat
pour améliorer l'agencement des éléments.
Résumé
Découvrez comment mettre en forme un formulaire HTML tout en assurant la compatibilité XHTML 1.0 strict grâce à l'utilisation judicieuse de balises de type bloc et de propriétés CSS.
Description
Dans cette leçon, nous explorons la mise en forme de formulaires HTML en respectant les standards de compatibilité XHTML 1.0 strict. Nous débutons par la vérification de l'inclusion correcte des éléments du formulaire à l'intérieur de balises de type bloc comme P
ou DIV
. Cette étape est cruciale pour maintenir la conformité avec la DTD XHTML.
Ensuite, nous abordons l'alignement des champs input
(nom, prénom, email) en modifiant les étiquettes label
pour leur attribuer une taille fixe. Le passage des étiquettes de type inline à type bloc via la propriété display: block
puis l'utilisation de float: left
pour un alignement optimal sont les points clés de cette section.
Enfin, nous traitons de la différenciation des zones de formulaire telles que les boutons radio et les cases à cocher en insérant ces éléments dans des balises DIV
avec des identifiants nommés. Nous terminons en ajustant la taille globale du formulaire et en ajoutant des marges automatiques pour centrer le contenu.
Questions fréquentes
float
, notamment float: left
, permet d'éviter le retour à la ligne en positionnant les éléments côte à côte.