Utiliser ses propres puces dans des listes

Comment : en faisant appel à la balise

.Dans vos pages Web, vous avez inséré des listes. Celles-ci peuvent être ordonnées avec la balise

ou non ordonnées avec la balise
. Dans ce dernier cas, vous pouvez modifier l’apparence des puces à l’aide
d’attributs. L’instruction Type = disc permet ainsi d’avoir des puces en forme de disques pleins ; type = circle, en forme de disques vides ; et type = square, en forme de carrés. Seul petit problème : vous êtes obligé d’employer ces puces
prédéfinies. Pour exploiter vos propres graphiques et personnaliser ces puces, vous pouvez utiliser un troisième type de liste moins connu : la liste de définitions comme illustré dans le listing ci-dessous. Caractérisée par la balise

, la
liste de définitions permet à l’aide de la balise d’insérer une image devant chaque élément de la liste déclaré par la balise

. Enfin, sachez que si les images se collent aux textes des éléments de la liste, vous pouvez
utiliser l’entité   pour les séparer.

🔴 Pour ne manquer aucune actualité de 01net, suivez-nous sur Google Actualités et WhatsApp.