Liste à puce numérotées

UL, OL, LI

Les différentes balises :


UL = unordered List = liste à puces

OL = Ordered list = liste numérotée

LI= List Items = élément de la liste



<!-- ul li*4 --> Liste à puce (ul) avec 4 lignes (li)
    style="list-style-type:square = style de liste à puce carré
  1. jjjiol
  2. yyhhg
  3. yyhfee
  4. uyii

Listes numérotées


<!-- ul>li*4>lorem = liste à puce ds laquelle il y a 4 éléments (li) rempli par du lorem -->
<ol type="A"> Mode de classement de type A = A, B, C , D Types possible = a, A, i, I, 1
  1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi ipsa, non maxime, quis quia eius architecto quasi obcaecati officia nobis ipsum dolor error deserunt doloribus culpa minima sed illum consectetur!
  2. Minima, sapiente ut nihil, quod alias quasi explicabo? Ab, laboriosam, dolorem. Blanditiis sint odit ipsa vitae reprehenderit ducimus, quia ad totam unde non, natus, molestias expedita aspernatur culpa, ex eius.
  3. Dicta iusto, velit deleniti inventore officia. Accusantium error non exercitationem ullam iusto architecto, soluta sequi nulla asperiores sed culpa accusamus labore cum officia dolore beatae laborum provident illo numquam eos!
  4. Incidunt aspernatur fuga fugiat rem impedit soluta placeat ipsa voluptas quod assumenda. Temporibus ab eos quae natus maiores harum corporis, iste. Voluptatibus inventore, id adipisci eveniet voluptas quaerat, unde. Eligendi.

<ol type="I"> Mode de classement de type I = I, II, III, IV
  1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat aut non sapiente tempore fugiat id officiis, incidunt fugit architecto harum, quae velit expedita! Sequi eos veritatis nostrum ea dolore, error?
  2. Commodi perferendis, accusamus at repudiandae quod ad nostrum. Recusandae quasi veniam, nobis totam neque optio minima distinctio assumenda. Asperiores at, aliquam unde ipsam ut reprehenderit eos laborum, ratione voluptate sapiente!
  3. Fugit distinctio sed, quasi ut, sit repellendus et sequi molestias voluptas esse corporis ducimus? Ut qui laudantium eum error officiis, aut vero ad debitis neque provident rem, numquam dolore cupiditate!

<ol start="34"> start = commence au numéro 34
  1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat aut non sapiente tempore fugiat id officiis, incidunt fugit architecto harum, quae velit expedita! Sequi eos veritatis nostrum ea dolore, error?
  2. Commodi perferendis, accusamus at repudiandae quod ad nostrum. Recusandae quasi veniam, nobis totam neque optio minima distinctio assumenda. Asperiores at, aliquam unde ipsam ut reprehenderit eos laborum, ratione voluptate sapiente!
  3. Fugit distinctio sed, quasi ut, sit repellendus et sequi molestias voluptas esse corporis ducimus? Ut qui laudantium eum error officiis, aut vero ad debitis neque provident rem, numquam dolore cupiditate!

<ol reversed> = Liste avec numérotation inversée 3, 2, 1
  1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat aut non sapiente tempore fugiat id officiis, incidunt fugit architecto harum, quae velit expedita! Sequi eos veritatis nostrum ea dolore, error?
  2. Commodi perferendis, accusamus at repudiandae quod ad nostrum. Recusandae quasi veniam, nobis totam neque optio minima distinctio assumenda. Asperiores at, aliquam unde ipsam ut reprehenderit eos laborum, ratione voluptate sapiente!
  3. Fugit distinctio sed, quasi ut, sit repellendus et sequi molestias voluptas esse corporis ducimus? Ut qui laudantium eum error officiis, aut vero ad debitis neque provident rem, numquam dolore cupiditate!

Plusieurs attributs en même temps


<ol type="I" start="10"> = Liste avec chiffre romain type="I" et commençant par 10 start="10"
  1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat aut non sapiente tempore fugiat id officiis, incidunt fugit architecto harum, quae velit expedita! Sequi eos veritatis nostrum ea dolore, error?
  2. Commodi perferendis, accusamus at repudiandae quod ad nostrum. Recusandae quasi veniam, nobis totam neque optio minima distinctio assumenda. Asperiores at, aliquam unde ipsam ut reprehenderit eos laborum, ratione voluptate sapiente!
  3. Fugit distinctio sed, quasi ut, sit repellendus et sequi molestias voluptas esse corporis ducimus? Ut qui laudantium eum error officiis, aut vero ad debitis neque provident rem, numquam dolore cupiditate!