Les2 - HTML - Lijsten & Structuren

• Applicatie- en mediaontwikkelaar
• MBO
• Studiejaar 1

Wat weet je al over HTML?

Hoe staan we erin vandaag?

😒🙁😐🙂😃

Leerdoel

Aan het einde van de les kan je lijsten gebruiken om een navigatie te bouwen

HTML

Lijsten & Structuren

Inhoud

-Lijsten:

               Type

               Attributen

-Navigaties:

               Internal

               External

Lijsten

-Ordered list

-Unordered list

-Definition list

Ordered list

<ol>

       <li type=""> item1 </li>

       <li type=""> item2 </li>

</ol>

Andere mogelijke waarden voor de attribuut "type" zijn: 1, i, I, a, A

Unordered list

<ul>

 <li>item1</li>

 <li>item2</li>

</ul>

Definition list

<dl>

      <dt>term</dt>

      <dd>description</dd>

</dl>

Maak een navigatie balk op het scherm samen met de studenten

<nav>

       <ul>

              <li><a href="">Link1</a></li>

              <li><a href="">Link2</a></li>

              <li><a href="">Link3</a></li>

              <li><a href="">Link4</a></li>

        </ul>

</nav>

Opdracht

Maak een Navigatie bar

Gebruik de juiste structuur

Laat de studenten zelf een lijst maken

Opdracht 

Opdracht: menu

Maak een menu met minstens 3 koppelingen(intern,extern,relatief,absoluut .etc)