Les 2 - HTML

• New lesson editor
• ICT
• MBO
• Studiejaar 1

Les 2 - HTML

Herhaal de bekende en leer nieuwe HTML-elementen

<html>

• Omvat de hele HTML-pagina

• Komt 1x voor

<head>

• Bevat instructies voor de browser, niet voor de gebruiker

• Bijv. voor zoekmachines

<title>

• Toont titel tabblad

• Handig voor bookmarken (favoriet)

<body>

• Omvat de pagina die zichtbaar is voor de gebruiker

<h1> t/m <h6>

• Titels

• H1 mag maar 1x per pagina gebruikt worden

<p>

• Paragraaf (stukje tekst)

<ul>

• Lijst (ongenummerd, met bullets)

<ol>

• Genummerde lijst

<li>

• List item

• 1 item in een <ul> of in een <ol>

Let op:

• HTML-elementen hebben een openingstag <html> en een sluit-tag </html>

• HTML-elementen kunnen binnen andere HTML-elementen staan ("nesten")

Nieuwe elementen

• Afbeeldingen (images)

• Links

<img src="" alt="">

• src-attribuut: verwijst naar afbeelding (relatief vs. absoluut pad)

• alt-tekst

  • Vertelt iets over de afbeelding (blinden, bots)

  • Wordt getoond als de afbeelding niet geladen kan worden

• Beide attributen verplicht!

<a href="" >

• Relatief pad verwijst naar pagina binnen eigen website

• Absoluut pad verwijst (meestal) naar pagina buiten eigen website