ul facebook twitter youtube

La balise <ul>

 

La liste non ordonnée (unordered list en anglais) <ul> partage le podium avec <ol> bien qu’elle soit plus fréquemment utilisée. Comme son nom l’indique, son contenu n’est pas spécialement trié et son ordre peut être changé sans altérer significativement son sens.

Elle ne dispose pas d’attribut spécifique contrairement à <ol>, mais l’apparence par défaut de ces deux types de listes peut être modifiée grâce à la propriété CSS liststyle-type qui adopte entre autres les valeurs disc (défaut), square, circle pour les puces ; et armenian, decimal, decimal-leading-zero, georgian, lower-alpha, lower-greek, lower-latin, lower-roman, upper-alpha, upper-latin, upper-roman pour la numérotation.

Style par défaut

ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  margin-start: 0;
  -webkit-margin-end: 0;
  padding-start: 40px;
}

Exemple de liste non ordonnée <ul>

<p>les Produits :</p>
<ul>
  <li>Produits-1</li>
  <li>Produits-2</li>
  <li>Produits-3</li>
</ul>
  • Produits-1
  • Produits-2
  • Produits-3

 



  • ol

    ol

    Une liste ordonnée (ordered list en anglais) est équipée de puces numérotées automatiquement par le navigateur. Le conteneur <ol> est toujours parent de zéro ou plusieurs éléments d

    .......
    Voir Plus
  • li

    li

    La balise <li> encapsule des éléments présents dans des listes

    .......
    Voir Plus
  • dl

    dl

    La liste de définitions <dl>(description listen anglais) répond au besoin de lister des paires de termes et de descriptions qui leur sont liées.

    .......
    Voir Plus
  • dt

    dt

    L’élément <dt> ne peut contenir que des éléments de phrasé. À chaque terme <dt> correspond une définition <dd>.

    .......
    Voir Plus
  • dd

    dd

    dd (Definition description) : élément contenant la description du terme précédemment écrit

    .......
    Voir Plus
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces