Code minimal d’une page HTML I html> 2 4 6 7 8 Liste à puces, non numérotée Liste numérotée Élément de la liste à puces Liste de définitions Terme à définir Définition du terme
Balises de tableau Tableau Titre du tableau Ligne de tableau Cellule d’en-tête
Sectlon de l’en-tête du tableau Section du corps du tableau Section du pied du tableau Balises de formulaire aucune des autres balises ne convient. On utilise le plus souvent des balises génériques pour construire son design. Il y a deux balises génériques : l’une est inline, l’autre est block. Balise générique de type inlineCe nom doit être unique sur toute la page car il permet d’identifier la balise. Vous pouvez vous servir de l’ID pour de nombreuses choses, par exemple pour créer un lien vers une ancre, pour un style CSS de type ID, pour des manipulations en JavaScript, etc. style: cet attribut vous permet d’indiquer directement le code CSS à appliquer. Vous n’êtes donc pas obligés d’avoir une feuille de style à part, vous pouvez mettre directement les attributs CSS. Notez qu’il est préférable de ne pas utiliser cet attribut et de passer à la place par une feuille de style externe, car cela rend votre site plus facile à mettre à jour par la suite.
Propriétés de mise en for paGF3CFE de la police Police personnalisée font-size 1. 3em, 16px, 120%… Taille du texte font-weight bold, normal Gras font-style italic, oblique, normal Italique text-decoration underline, overllne, line-through, blink, none Soulignement, ligne au-dessus, barré ou clignotant font-variant small-caps, normal Petites capitales text-transform capitalize, lowercase, uppercase Capitales font Super propriété de police. Combine : font-weight,font-style, font- size, font-variant, font-family. text-align left, center, right, justify Alignement horizontal vertical-align baseline, middle, sub, super, top, bottom
Alignement vertical (cellules de tableau ou élémentsinline- block uniquement) line-height 18px, 120%, normal… Hauteur de ligne text-indent 250x PAGF Transparence Propriétés des boites Propriété Valeurs (exemples) width 1 sopx, 80%… Largeur height Hauteur min-width 1 sopx. 80%.. Largeur minimale max-width I sopx, 80%… Largeur maximale min-height 1 sopx, 80%.. Hauteur minimale max-height Hauteur maximale margin-top 23 px Marge en haut margin-left Marge à gauche margin-right 23PX Marge à droite margin-bottom Marge en bas marein inline, inline-block, table, table-cell, none… Type d’élément (block. line, inline-block, none… ) visibility visible, hidden Visibilité cllp rect (opx, 30PX, opx) rect (haut, droite, bas, gauche) Affichage d’une partie de l’élément overflow auto, scroll, visible, hidden Comportement en cas de dépassement float left, right, none Flottant clear left, right, both, none Arrêt d’un flottant position relative, absolute, static Positionnement top 20 px Position par rapport au haut bottom Position par rapport au bas 20PX Position par rapport à la gauche right Position par rapport à la droite z-index 10 Ordre d’affichage en cas d Ordre d’affichage en cas de superposition.
