traitement d'images avec Web Design Toy

Dominique Bard
Consultant

Balises de liste

Web Design Toy :
ol, ul, li

Formation site internet>supports pédagogiques>Web Design Toy> Balises de liste>

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

Web Design Toy

les balises de liste

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 :

La vidéo "listes à puces et numérotées" est accessible en téléchargement direct.

... A vous de jouer !

Apprendre à utiliser Web Design Toy en vidéo

choisir le langage
Balises de titre ... Balises de définition Balises de titre Balises de définition

Compléments sur la balise p

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.

Recommander ce Tuto gratuit


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

Cet article vous a intéressé ?
Twitter Google +
Partagez-le !

Glossaire livre site Web Formation site Web Mentions légales Contact