NetHelp, Thèmes, boutons et headers pour IceBlue
  html4
 

Les listes en HTML :

 

 

Généralité :

Le Html offre la possibilité de créer des listes dans lesquelles chaque élément se trouve sur une ligne différente.

On distingue trois types  de listes :

 - La liste non ordonnée, <ul> ( Unordered List): chaque élément de la liste se traduit  dans le code par le marqueur ,<li> (list input) et  à l'affichage par un puces .

 - La liste ordonnée, <ol> (ordered List) : les éléments sont précédés d'un numéro d'ordre.

 - La liste de définition, <dl>(Definition List) : chaque élément peut-être accompagné d'une définition écrite à la ligne suivante avec un résultat .

 

 

 

Exemple:


Type de liste Exemple de code Résultat
Liste non ordonnée

Langage de programmation 

<ul>

         <li>VB

         <li>Pascal

         <li>C/C++

</ul>

Langage de programmation

 

  VB

  Pascal

  C/C++

Liste ordonnée

Microsoft Office 

<ol>

         <li>Word

         <li>Excel

         <li>Acess

</ol>

Microsoft Office

 

1. Word

2. Excel

3. Acess

Liste de définition

<dl>

        définition de termes :

       <dt>HTML

              <dd>Hyer Text Markup Language

      <dt>WWW

              <dd>World Wide Web

</dl>

définition de termes :

HTML

               Hyer Text Markup Language
WWW
              World Wide Web

 

Remarques & compléments :

 

Le paramètre type de la liste <ul> permet de choisir la puce affichée pour chaque entrée de la liste.

 

 

Type Résultat

Langage de programmation

<ul type = "disc">

         <li> VB

         <li>Pascal

          <li> C/C++

</ul>

Langage de programmation

  • VB
  • Pascal
  • C/C++

Langage de programmation

<ul type = "circle">

         <li> VB

         <li>Pascal

         <li> C/C++

</ul>

Langage de programmation

  • VB
  • Pascal
  • C/C++

Langage de programmation

<ul type = "square">

         <li> VB

         <li>Pascal

         <li> C/C++

</ul>

Langage de programmation

  • VB
  • Pascal
  • C/C++

 

 

 

Le paramètre type de la liste <ol> permet de choisir le type de numérotation.

 

Type Résultat

Développement web

<ol type = "1">

         <li> Html

         <li>Javascript

         <li> Java

</ol>

Développement web

1. Html

2. Javascript

3. Java

Développement web

<ol type = "A">

         <li> Html

         <li>Javascript

         <li> Java

</ol>

Développement web

A. Html

B. Javascript

C. Java

 

Développement web

<ol type = "a">

         <li> Html

         <li>Javascript

         <li> Java

</ol>

Développement web

a. Html

b. Javascript

c. Java

Développement web

<ol type = "I">

         <li> Html

         <li>Javascript

         <li> Java

</ol>

Développement web

I. Html

II. Javascript

III. Java

 

 

 
  9 visiteurs (22 hits)
Accueil - Forum - Plan du site - Livre d'or - Contact

© 2008 - 2009 - NetHelp.fr.gd - Tous droits réservés
 
 
Ce site web a été créé gratuitement avec Ma-page.fr. Tu veux aussi ton propre site web ?
S'inscrire gratuitement