Aidenet.com  Aide informatique et nouvelles technologies
Accueil Télécharger
Actualités Boutique
Dossiers Forum
Encyclopédie Annuaire
 Créer son site
 
Accueil / Sommaire
CSS : tutoriel complet
Javascript : tutoriel
Réferencement
Les images
Les tableaux
Créer son blog
Couleur Héxa
 Internet
Accueil / Sommaire
 Informatique
Accueil / Sommaire
 Photo numérique
Accueil / Sommaire
 Logiciels
Windows XP
Skype
Claris Home Page
FTP Expert
Filezilla
Cute FTP
WinZip
 Aide
Index du site
Plan du site
Dico Anglais / FR.
Vocabulaire info.
Glossaire
Tags HTML
Liste extensions
Vocabulaire SMS
 Partenaires

Créer sa page perso

Page - 28

 

Les Listes

 

Pour une simple énumération comme pour la création d'un index par exemple, l'utilisation des listes constitue une façon claire et élégante de présenter une page. Il existe différents types de listes avec des tags spécifiques.

Liste à puces (non ordonnée ou non numérotée)

<UL> début et fin d'une liste </UL>
<LI> début d'une ligne (facultatif en fin</LI>)

<UL>
<LI> ouverture de la séance.
<LI> présentation des bilans.
<LI> rapport du Président
<LI> vote des résolutions.
<LI> fin de séance.
</UL>

  • ouverture de la séance.
  • présentation des bilans.
  • rapport du Président
  • vote des résolutions.
  • fin de séance.
UL = Unordered List --------- LI = List Entry

*** Le choix des modèles de puces existe mais fonctionne mieux sous Netscape que sous IE, et à partir de certains éditeurs de texte seulement, et le mieux alors est de copier le fichier du traitement de texte sur une page de traitement de texte. Les puces sont légèrement décalées vers la droite par rapport au bord de page gauche.

<UL TYPE=disc> ========== puce formée d'un rond noir.

<UL TYPE=circle> ========= puce formée d'un rond blanc.

<UL TYPE=square> ======= puce formée d'un carré blanc.

 

Liste numérotée (ordonnée)

<OL> début et fin d'une liste </OL>
<LI> début (fin d'une ligne facultatif)</LI>
Code source

<OL>
<LI> ouverture de la séance.
<LI> présentation des bilans.
<LI> rapport du Président
<OL>
<LI> vote des résolutions.
<LI>fin de séance.
</OL></OL>

Présentation sur le logiciel éditeur html

Présentation sur le navigateur ***  >>>

OL = Ordered List

 

 Autres listes numérotées

<OL TYPE=A>
A  B  C  D
<OL TYPE=A> <LI> premier point<OL>
A. premier point
<OL TYPE=a>
a b c d
<OL TYPE=a> <LI> premier point<OL>
a. premier point
<OL TYPE=I>
I  II  III  IV
<OL TYPE=I> <LI> premier point<OL>
I. premier point
<OL TYPE=i>
i  ii  iii  iiii
<OL TYPE=i> <LI> premier point<OL>
i. premier point
<OL TYPE=1>
1  2  3  4
<OL TYPE=1> <LI> premier point<OL>
1. premier point
<OLD START=5>
..... </OL> ..... définit le premier numéro ( ici 5) de départ d'une liste ordonnée.

la similitude de présentation entre les navigateurs est aléatoire !!!

 

Liste de glossaire

 
<DL> début et fin d'une liste </DL>
<DT> ... </DT> terme
<DD> ... définition du terme.

<DL>
<DT><B>Chiens.</B>
<DD>animal domestique.
<DT><B>Lions.</B>
<DD>animal sauvage.
</DL>

Chiens.
animal domestique
Lions.
animal sauvage.
DL= Definition List ------ DT = Definition Term ------ DD = Definition ...

 

Conclusions

Les listes sont pratiques pour traiter certains sujets en les présentant clairement et de façon attrayante. Il est aussi possible d'imbriquer plusieurs des modèles ci-dessus, tel que mélanger ( toujours harmonieusement) listes à puces et listes numérotées.

  http://www.aidenet.com

<<<  Sommaire Page perso ......@......Son et musique : MIDI >>>

DERNIERS MESSAGES DU FORUM
probleme avec mes logiciels [A l'aide !]
Création d'un formulaire avec NVU ??? [HTML / CSS / Javascript]
Faire un serveur de jeux css a partir de filezilla [Réseaux / Internet]
problème de lecture vidéos wmv dans mon site sur l... [HTML / CSS / Javascript]
Problème de téléchargement [A l'aide !]
internet [A l'aide !]
Pour les questions liées à la sécurité informatique [A l'aide !]
Besoin d'aide pour modifier CSS [HTML / CSS / Javascript]
PC ne répondant plus (XP) [A l'aide !]
Page perso pb affichage [Free]
dimension d'une image [Appareils photos numériques]
creation de site [A l'aide !]
Problèmes de div qui se chevauchent [HTML / CSS / Javascript]
Appeler à une Page HTML plutot qu'a une IMAGE ? [HTML / CSS / Javascript]
Besoin aide sur une fonction [HTML / CSS / Javascript]
Tous les messages ici...
Toshiba Satellite A200-214
590 € Details
Apple iPhone
369 € Details
Airis PDA T620
195 € Details
 



Partenaires : Youpil |  DivertissonsNous |  Annuaire blog |  Live Messenger |  Logiciels photo |  Hébergeur d'images |  Meuble TV |  Videosduweb |  Blog Webmaster |  PSP |  Sorties cinéma
Tous droits réservés © 1997-2008. www.aidenet.com     Edité par FAPROD