HTML is een vrij eenvoudige taal. Het wordt onderwezen aan studenten van zowel technische als niet-technische opleidingen aan universiteiten, en tegenwoordig wordt het waarschijnlijk ook al op de meeste scholen behandeld. Alles is vrij eenvoudig, omdat HTML zelfs geen programmeertaal is.

Lees over het aanmaken van HTML-documenten in HTML – eerste stappen.

In de vorige les hebben we ons eerste HTML-document gemaakt.

In de vorige les hebben we ons eerste HTML-document gemaakt, wat betekent dat je nu al weet dat we HTML-code schrijven in een teksteditor, en dat we alle veranderingen bekijken via de browser door de pagina te vernieuwen (meestal met de toets F5).

In deze les gaan we verder werken met tekst en gebruiken we tags om tekst te omhullen: span, p en div. Ook bekijken we de tag br.

Lijsten worden heel vaak gebruikt op websites: in menu’s, in tekst om iets op te sommen. Laten we beginnen met het populairste type lijst, de niet-genummerde lijst <UL></UL> (unordered list - niet-genummerde lijst).

De UL-lijst

De UL-lijst wordt gebruikt voor menu’s en opsommingen met markeringen. Via HTML kun je zelfs het uiterlijk van de marker aanpassen.

Laten we onze HTML-code wijzigen:

We zijn aangekomen bij de basis van HTML — het doel waarvoor HTML oorspronkelijk is ontworpen — namelijk hyperlinks (of gewoon links). Links zijn de manier om verbanden te leggen tussen verschillende bestanden of pagina’s. Stel dat je 100.000 tekstbestanden hebt; als je ze allemaal wilt ordenen met rubrieken en elk rubriek 200 beschrijvingen bevat, heb je er 500 nodig. Om door al die rubrieken te bladeren kost veel tijd. Hoe maken links ons leven eenvoudiger?

Een van de belangrijkste manieren om informatie op te slaan is met tabellen. Tabellen worden gebruikt in Excel, Access en vele andere databases. Ze presenteren gegevens op een overzichtelijke manier, waardoor het eenvoudig is om grafieken en diagrammen te maken.
In deze les leren we hoe we tabellen in HTML kunnen maken. Hiervoor gebruiken we de tags <table>, <tr>, <td>, <th>, <thead>, <tbody> en <tfoot>.

Afbeeldingen zijn een belangrijk onderdeel van elke website — zonder afbeeldingen ziet een site er saai en kleurloos uit. Afbeeldingen worden gebruikt voor de vormgeving van een site, voor fotogalerijen en natuurlijk ook gewoon als illustraties.

Afbeeldingen worden ingevoegd met de tag IMG (merk op dat we niet “image” schrijven, maar gewoon img). De <img />-tag is een enkelvoudige tag, dat wil zeggen dat deze geen sluitende tag heeft.

Vaak is het nodig om een YouTube-video in je blog in te voegen. In deze les bekijken we welke tags en attributen daarvoor worden gebruikt. Laten we eerst naar YouTube gaan en de insluitcode van een video kopiëren.

We hebben al besproken dat verschillende tags hun eigen attributen hebben. Nu is het tijd om te praten over attributen die voor alle tags gelijk zijn. Laten we de meest gebruikte bekijken.

Het belangrijkste onderdeel van een website is het menu (navigatie). Via het menu navigeert de gebruiker tussen de pagina’s van de site. Ook is het menu belangrijk voor de indexering van de website door zoekmachines — zonder onderlinge koppelingen tussen pagina’s kan een zoekrobot niet alle pagina’s vinden. Laten we eens kijken waaruit een menu bestaat.