Balises de liste, ol, ul, li pour faire apparaître le texte sous la forme d'une liste à puce ou d'une liste numérotée. Grâce à Web Design Toy, découvrons en douceur les principales balises de liste en XHTML.
Création site Web Formation site Web Livre site Web
Listes à puces ou listes numéotées, seront obtenues en utilisant les balises <ul>, <ol>, <li>.
Toutes ces balises sont de type bloc. Il est impossible de ne pas aller à la ligne avant et après. C'est une première illustration de l'imbrication des "boîtes" dont nous reparlerons. Les balises <ul> et <ol> sont des sortes de boites ou conteneurs dans lesquels s'insèrent des balises <li> qui sont elles mêmes des conteneurs.
La vidéo suivante vous montre leur utilisation simplifiée :
... A vous de jouer !
Des exemples de code sur l'utilisation de la balise de listes à puces et numérotées à copier et coller sont disponibles sur le site du livre Créer son site Web pas à pas.
Nos conseils vous ont été utiles, n'hésitez pas à faire connaître cette page et à nous adresser un commentaire, cela nous encouragera à en écrire d'autres.
Pour mettre un lien vers cette page, vous pouvez copier coller les lignes suivantes sur votre site internet ou sur votre blog :
<p> <a href="http://support-pedagogique.formation-site-internet.net/ tuto-web-design-toy-balise-liste.html"> Balises de liste (ul, ol, li) avec Web Design Toy en vidéo </a> </p>
Ce qui donnera le résultat suivant :
Balises de liste (ul, ol, li) avec Web Design Toy en vidéo
N'hésitez pas à adapter le texte de l'ancre à votre page.
Votre site présente une page complémentaire à celle-ci, susceptible d'intéresser nos visiteurs, faites le nous savoir par Courriel
Créer son site Web Pas à pas
Courriel
04-71-59-78-67
Copyright 2009 - Dominique Bard Consultant