terug naar lessenoverzicht

HTML tags en nesting

In deze zelfstudie serie:
checkmark simple
Tekst tags
checkmark simple
HTML lists
checkmark simple
De meest gebruikte tag: div
checkmark simple
checkmark simple
checkmark simple
checkmark simple
checkmark simple

Alle lessen in deze reeks bekeken?

Je hebt alle lessen in deze reeks afgerond!

checkmark simple
Oops! Something went wrong while submitting the form.

Je hebt alle lessen afgerond!

checkmark simple

Structureren content

Semantische HTML of Semantische markup is het geven van betekenis aan de pagina en haar elementen dan alleen het tonen van de elementen. Met een <h1> geef je aan dat iets de koptitel is, met een article geef je aan dat iets een losstaand artikel is over een bepaald onderwerp.

Download de PDF onder het tabblad downloads.

Bekijk de video over semantische code en het structureren van content.

Tekst tags

De h1 - h6 worden gebruikt voor de headings, de p voor een paragraaf. Naast deze twee populaire tekst tags zijn er nog veel meer!

Bekijk de video en neem de PDF door voor meer informatie over tekst tags.

HTML lists

Met HTML kan je 3 soorten lijstjes maken namelijk: Ongeordende lijstjes, geordende lijstjes en omschrijvingslijstjes.

Bekijk de video en neem de PDF door voor meer informatie over lists.

De meest gebruikte tag: div

Een div is een heel erg semantische tag en vertelt niks over het element. Het wordt vaak gebruik als een soort van wrapper van andere elementen.

Bekijk de video voor meer informatie over de div tag.

Vind jij programmeren leuk en wil jij een baan in de IT?

Bekijk dan de traineeships van ons ander bedrijf Qien!

Project files

icon: files
Project files
* De link hierboven download een bestand via dropbox dit kan een zip of rar bestand zijn. Weet je niet hoe je dit type bestand kan gebruiken? Volg deze instructie voor zip bestanden. Of download WinRar voor rar bestanden.
* Er zijn geen project files om te downloaden voor deze zelfstudie.

Stel vragen en help medestudenten

Tijdens de live lessen zijn er opdrachten waarbij je zult samenwerken met jouw studiegenoten. Hiervoor gebruiken wij Discord. Daarnaast kun je ook jouw vragen stellen, de docenten zullen je vervolgens verder helpen.

Het kanaal voor deze cursus op onze Discord:

HTML CSS beginner

logo - discord

#code-cafe

200+ leden