3 HTML: Lijsten

Webdesign: Lijsten
Roland Kok
ro.kok@kw1c.nl
1 / 10
volgende
Slide 1: Tekstslide

In deze les zitten 10 slides, met tekstslides.

Onderdelen in deze les

Webdesign: Lijsten
Roland Kok
ro.kok@kw1c.nl

Slide 1 - Tekstslide



Boodschappen:
<ul>
  <li>Melk</li>
  <li>Boter</li>
  <li>Eieren</li>
  <li>Brood</li>
</ul>


Boodschappen:
  • Melk
  • Boter
  • Eieren
  • Brood
Opsomming (unordered list)

Slide 2 - Tekstslide



Boodschappen:
<ol>
  <li>Melk</li>
  <li>Boter</li>
  <li>Eieren</li>
  <li>Brood</li>
</ol>


Boodschappen:
  1. Melk
  2. Boter
  3. Eieren
  4. Brood
Genumereerde lijst (ordered list)

Slide 3 - Tekstslide













  <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

Slide 4 - Tekstslide





<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

Slide 5 - Tekstslide

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


Slide 6 - Tekstslide



Boodschappen:
<ul>
  <li>Melk</li>
  <li>Boter</li>
  <li>Eieren</li>
  <li>Brood</li>
</ul>


Boodschappen:
  • Melk
  • Boter
  • Eieren
  • Brood
Opsomming (unordered list)

Slide 7 - Tekstslide



Boodschappen:
<ol>
  <li>Melk</li>
  <li>Boter</li>
  <li>Eieren</li>
  <li>Brood</li>
</ol>


Boodschappen:
  1. Melk
  2. Boter
  3. Eieren
  4. Brood
Genumereerde lijst (ordered list)

Slide 8 - Tekstslide













  <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

Slide 9 - Tekstslide





<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

Slide 10 - Tekstslide