3 HTML: Lijsten

Webdesign: Lijsten

Roland Kok

[e-mail]

Boodschappen:

<ul>

  <li>Melk</li>

  <li>Boter</li>

  <li>Eieren</li>

  <li>Brood</li>

</ul>

Boodschappen:

• Melk
  
• Boter
  
• Eieren
  
• Brood

w3schools.com/html/html_lists.asp

Opsomming (unordered list)

Boodschappen:

<ol>

  <li>Melk</li>

  <li>Boter</li>

  <li>Eieren</li>

  <li>Brood</li>

</ol>

Boodschappen:

1. Melk
2. Boter
   
3. Eieren
   
4. Brood

w3schools.com/html/html_lists.asp

Genumereerde lijst (ordered list)

  <dl>

    <dt>Espresso</dt>  

    <dd>Sterke koffie</dd>

    <dt>Cappuccino</dt>

    <dd>Koffie met opgeschuimde melk</dd>

  </dl>

    Espresso

             Sterke koffie

      Cappuccino

             Koffie met opgeschuimde melk

Definitielijst

<ul>

  <li>Vaders interesses

    <ol>

      <li>Voetbal</li>

      <li>Breien</li>

    </ol>

  </li>

  <li>Moeders interesses

    <ol>

      <li>Voetbal haten</li>

      <li>Paarden</li>

    </ol>

  </li>

</ul>

• Vaders interesses

         1. Voetbal
         2. Breien

•  Moeders interesses

         1. Voetbal haten

         2. Paarden

Genestelde lijst

Aan de slag:

• Kijk t/m video 4 
• Maak t/m opdracht 22 in WebDesign met HTML & CSS v 0.3
   (stel evtl vragen in het Q&A document)
• Verzamel ideen (teksten en plaatjes) voor je Website

Volgende les:

Pagina Opbouw

Boodschappen:

<ul>

  <li>Melk</li>

  <li>Boter</li>

  <li>Eieren</li>

  <li>Brood</li>

</ul>

Boodschappen:

• Melk
  
• Boter
  
• Eieren
  
• Brood

w3schools.com/html/html_lists.asp

Opsomming (unordered list)

Boodschappen:

<ol>

  <li>Melk</li>

  <li>Boter</li>

  <li>Eieren</li>

  <li>Brood</li>

</ol>

Boodschappen:

1. Melk
2. Boter
   
3. Eieren
   
4. Brood

w3schools.com/html/html_lists.asp

Genumereerde lijst (ordered list)

  <dl>

    <dt>Espresso</dt>  

    <dd>Sterke koffie</dd>

    <dt>Cappuccino</dt>

    <dd>Koffie met opgeschuimde melk</dd>

  </dl>

    Espresso

             Sterke koffie

      Cappuccino

             Koffie met opgeschuimde melk

Definitielijst

<ul>

  <li>Vaders interesses

    <ol>

      <li>Voetbal</li>

      <li>Breien</li>

    </ol>

  </li>

  <li>Moeders interesses

    <ol>

      <li>Voetbal haten</li>

      <li>Paarden</li>

    </ol>

  </li>

</ul>

• Vaders interesses

         1. Voetbal
         2. Breien

•  Moeders interesses

         1. Voetbal haten

         2. Paarden

Genestelde lijst