Webdesign - Les 2 (23/24): Links

Introductie HTML
Antje Roestenburg
a.roestenburg@minkema.nl
1 / 25
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

In deze les zitten 25 slides, met interactieve quiz en tekstslides.

time-iconLesduur is: 30 min

Onderdelen in deze les

Introductie HTML
Antje Roestenburg
a.roestenburg@minkema.nl

Slide 1 - Tekstslide

Vorige les: 

Fundament: HTML & CSS (A2)
* t/m hoofdstuk 2
* vraag 1 & 2 van hoofdstuk 2.8

YouTube:
* Kijk t/m video 2 (zie Google Classroom)


Slide 2 - Tekstslide

Hyperlinks

Slide 3 - Tekstslide

Slide 4 - Tekstslide

Hyperlinks

• Interne link
• Externe link
• Anchor link

Slide 5 - Tekstslide

Slide 6 - Tekstslide

Slide 7 - Tekstslide

Slide 8 - Tekstslide


Welke HTML code hoort hierbij?
A
<href="afbeelding.html"><a>Klik hier</a> om naar de webpagina te gaan.
B
<a="afbeelding.html">Klik hier</a> om naar de webpagina te gaan.
C
<a href="afbeelding.html">Klik hier om </a> naar de webpagina te gaan.
D
<a href="afbeelding.html">Klik hier</a> om naar de webpagina te gaan.

Slide 9 - Quizvraag

Slide 10 - Tekstslide

Slide 11 - Tekstslide

List

(opsomming)

Slide 12 - 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 13 - 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 14 - 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 15 - 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 16 - Tekstslide

Tables

Slide 17 - Tekstslide

Tables

Slide 18 - Tekstslide

Slide 19 - Tekstslide

Slide 20 - Tekstslide

Slide 21 - Tekstslide

Slide 22 - Tekstslide



  <table>
      <tr>
        <td colspan=3>colspan</td>
      </tr>
      <tr>
        <td>cel A2</td>
        <td>cel B2</td>
        <td>cel C2</td>
      </tr>
      <tr>
        <td>cel A3</td>
        <td>cel B3</td>
        <td>cel C3</td>
      </tr>
    </table>


Slide 23 - Tekstslide



  <table>
      <tr>
        <td rowspan=3>rowspan</td>
        <td>cel B1</td>
        <td>cel C1</td>
      </tr>
      <tr>
        <td>cel B2</td>
        <td>cel C2</td>
      </tr>
      <tr>
        <td>cel B3</td>
        <td>cel C3</td>
      </tr>
    </table>


Slide 24 - Tekstslide

Aan de slag:
Fundament: HTML & CSS (A2)
* t/m hoofdstuk 3 (Multimedia)
* vraag 1 t/m 3 van hoofdstuk 3.6

YouTube:
* Kijk t/m video 3 (zie Google Classroom)


Slide 25 - Tekstslide