Chap3 autres elements html5

Chapitre Autres Eléments HTML Partie Les Listes I Introduction HTML permet de créer automatiquement plusieurs types de listes dont principalement les listes non numérotées les listes numérotées les listes descriptives Ces listes peuvent s'imbriquer les unes dans les autres ce qui permet l'élaboration de listes relativement évoluées table de matière et parfois compliquées comme l ? organigramme d ? une entreprise II La liste non numérotée C'est la liste la plus simple Elle se compose d'une balise du début de liste unordered list des balises de chaque élément de la liste list item et et à la ?n la balise de la ?n de la liste ? ? II Le style list-style-type ? Un attribut de style peut être ajouté à une liste non ordonnée pour dé ?nir le style du marqueur Style Forme des éléments de la liste list-style-type disc balles par défaut list-style-type circle cercles list-style-type square carreaux list-style-type none Les éléments de la liste sont non marqués Exemple Code CSS ul list-style-type circle Chapitre C Autres éléments de HTML Extrait du code HTML Exemples de langages Turbo Pascal universel Cobol Applications de gestion Fortran Applications scienti ?ques HTML Création de pages web Résultat Exemples de langages Turbo Pascal universel Cobol Applications de gestion Fortran Applications scienti ?ques HTML Création de pages web II Le style list-style-image ? Une image peut être utilisée comme puce La propriété list-style-image o ?re la possibilité de remplacer la puce classique par une image dont on doit indiquer le chemin On lui attribue alors la propriété Exemple list-style-image url le ?chierpuceimage Extrait du Code HTML Google Bing Wolfram Alexa Code CSS ul list-style-image url images cc-ok png font-size px Chapitre Autres éléments de HTML ? ? ? ? ? ? ? ? ? ? ? CRésultat III La Liste numérotée Au lieu d'utiliser les balises et comme dans la liste précédente nous utiliserons les balises d ? ordered list et Les balises et quant à elles servent toujours pour indiquer le numéro de l'item sélectionné Les propriétés de cette balise sont ? ? Les styles CSS possibles avec les listes numérotées La propriété list-style- type peut avoir les valeurs ? decimal ? decimal-leading-zero ? lower-alpha a b c ? upper-alpha A B C ? lower-roman i ii iii iv v ? upper-roman I II III IV V Exemple Code CSS ol list-style-type lower- alpha Code HTML Exemples de langages Turbo Pascal C universels Cobol Applications de gestion Fortran Applications scienti ?ques HTML Création de pages web Chapitre Autres éléments de HTML CRésultat Remarque On peut commencer la numérotation des éléments d ? une liste à partir d ? un certain ordre Il su ?t de spéci ?er cet ordre dans la propriété start de Exemple Numéroter les éléments de la liste précédente à partir de c Et on aura le résultat suivant IV La liste descriptive Dans le cas de ces listes on fait appel aux balises de ?nition list pour le début de liste de ?nition term pour le titre de

  • 24
  • 0
  • 0
Afficher les détails des licences
Licence et utilisation
Gratuit pour un usage personnel Attribution requise
Partager