Wat is LessonUp
Zoeken
Kanalen
Inloggen
Registreren
‹
Terug naar zoeken
Webdesign - Les 2 (23/24): Links
Introductie HTML
Antje Roestenburg
a.roestenburg@minkema.nl
1 / 25
volgende
Slide 1:
Tekstslide
Informatica
Middelbare school
havo, vwo
Leerjaar 4
In deze les zitten
25 slides
, met
interactieve quiz
en
tekstslides
.
Lesduur is:
30 min
Start les
Bewaar
Deel
Printen
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
w3schools.com/html/html_lists.asp
Opsomming (unordered list)
Slide 13 - Tekstslide
Boodschappen:
<ol>
<li>
Melk
</li>
<li>
Boter
</li>
<li>
Eieren
</li>
<li>
Brood
</li>
</ol>
Boodschappen:
Melk
Boter
Eieren
Brood
w3schools.com/html/html_lists.asp
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
Tabel (1)
w3schools.com/html/html_tables.asp
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
Meer lessen zoals deze
Webdesign - Les 2 (22/23)
November 2022
- Les met
30 slides
Informatica
Middelbare school
havo, vwo
Leerjaar 4
3 HTML: Lijsten
Januari 2024
- Les met
10 slides
HTML & CSS 03 - 3.3 tmt 3.6 - Lijsten, tabellen, embedden
September 2023
- Les met
27 slides
Informatica
WO
Studiejaar 4,5
HTML - Tags
Maart 2021
- Les met
30 slides
Communication & multimedia design
HBO
Studiejaar 1
HTML - Lijsten & Structuren
Maart 2023
- Les met
12 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 1
Les2 - HTML - Lijsten & Structuren
September 2024
- Les met
14 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 1
Les2 - HTML - Lijsten & Structuren
Juli 2022
- Les met
18 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 1
Hfst 3: Les 3 veel basisonderdelen
Februari 2021
- Les met
25 slides
Mediawijsheid
Middelbare school
mavo, havo, vwo
Leerjaar 2