Cursus HTML - Les 2: Attributen
In deze les ga je zelf een HTML-pagina maken, en leer je wat attributen zijn. Deze les is wat minder theorie, want daar hebben we de vorige les al heel veel tijd aan besteed. Deze les is wat meer praktijk.
Zelf een HTML-pagina maken
We gaan nu zelf een HTML-pagina maken. Dit doen we nu gewoon met Kladblok van Windows.
- Start Kladblok (Start Menu → Alle programma's → Bureau-accessoires → Kladblok)
- Typ daar de volgende HTML-codes in: (je kunt het gewoon kopieeren en plakken)
<html>
<head>
<title>Titel van de website</title>
</head>
<body>
Inhoud en tekst van de website.
</body>
</html>
-
Sla het bestand op als HTML-bestand, ergens waar je hem later makkelijk terug kunt vinden (bijvoorbeeld C:\Website\site.html): Bestand → Opslaan als..., en kies bij Opslaan als Tekstdocumenten (*.txt) voor Alle bestanden (*.*), en zorg ervoor dat de bestandsnaam op .html eindigt (bijvoorbeeld site.html). Hier zie je een voorbeeld:
-
Open de website in je browser (bijvoorbeeld Internet Explorer, of Firefox) door in de adresbalk in te typen waar je hem hebt opgeslagen (bijvoorbeeld op C:\Website\site.html).
Gefeliciteerd, je hebt net je eerste HTML-pagina gemaakt!
Attributen
Je weet nu hoe je een HTML-bestand kunt maken, nu gaan we kijken wat
attributen zijn.
Een attribuut geeft extra informatie over een tag. Hier zie je een voorbeeld:
<html>
<head>
<title>Titel van de website</title>
</head>
<body bgcolor="red" text="yellow">
Inhoud en tekst van de website.
</body>
</html>
Hier heeft de
<body>-tag attributen.
Zoals je ziet komt ieder attribuut gelijk achter de tag, en zijn de attributen gescheiden door een spatie, en is ieder attribuut van de vorm
attribuut="waarde". In het voorbeeld zat 2 attributen:
bgcolor (achtergrondkleur) en
text (tekstkleur). Voor wie het voorbeeld nog niet bekeken heeft, de achtergrondkleur wordt dus rood, en de tekstkleur geel. Natuurlijk kun je die kleuren ook veranderen. Voor meer informatie over welke kleuren je kunt opgeven, zie mijn
HTML Kleuren-pagina.
De
<body>-tag heeft nog veel meer attributen, maar die komen later pas. Er zijn ook nog veel meer tags die attributen ondersteunen, maar die krijg je later pas.
Je kunt nu een HTML-pagina maken. In de volgende les leer je wat meer tags om tekst op te maken, zodat de tekst mooier en aantrekkelijker om te lezen wordt.
⇒ Ga verder met Les 3: Tekstopmaak
← Ga terug naar Les 1: Inleiding
↵ Terug naar de HTML-cursus
Was deze informatie nuttig?
Zo ja, overweeg dan een linkje op uw website te plaatsen:
Bedankt!
