Liste à puce et autres.

A la page patate.htm sous Page d'accueil écrivez " La patate douce:" puis retour

Cliquez ensuite sur Liste à puces et écrivez ce qui suit en faisant un retour à chaque ligne.

sucré
antioxydante
contient plusieurs vitamines et minéraux

Vous avez remarqué qu'après avoir fait votre retour à la dernière ligne, une puce c'est ajouté. Vous n'avez qu'à recliquer sur Liste à puces et ceci mettra fin à la liste.

(remarquer qu'il y a un problème dans la programmation et que l'icone de liste à puce est inversé avec celui de "augmenter le retrait"


Le code <ul>:

<ul>
<li>sucré</li>
<li>antioxydante</li>
<li>contient plusieurs vitamines et minéraux</li>
</ul>

<ul>
est utilisé pour les liste non-ordonnée (Unordered List)

Le <li> défini les élément de la liste.

D'autres possibilités avec <ul>

<ul type="circle"> pour voir apparaître un cercle vide



<ul type="square">


Vous pouvez aussi prendre un dessin, une image et créer votre propre puce voici le code:

<ul imagesrc="image/image-puce.gif">


Utilisez votre imagination pour faire de beau dessin.



Le code <ol>:

Vous auriez aussi pu cliquez sur liste numéroté pour voir apparaître un chiffre comme dans l'exemple suivant:


en regardant le code des balises ont voit:

<ol>
<li>sucré</li>
<li>antioxydante</li>
<li>contient plusieurs vitamines et minéraux</li>
</ol>

Remarqué que la liste commence par <ol>.

<ol>
OL est utilisé pour les listes ordonnées


D'autres possibilités:




Le tableau

 

Classement de sites - Inscrivez le vôtre!