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.

Ik denk dat ik de HTML-handleiding hier afrond, maar ik zal doorgaan met het publiceren van HTML-lessen als er nieuwe ideeën bij me opkomen. Het kan lijken alsof de handleiding erg kort is, maar de titel luidt tenslotte “Eerste stappen”. Ik vind het niet nodig om hier alle HTML-tags te beschrijven — dat zal ik later doen in een aparte HTML-referentiegids.

Als je verder wilt leren, raad ik je aan om met CSS door te gaan. Dat is het onderdeel van HTML waarmee je de opmaak van HTML-elementen kunt regelen, zodat alles er mooi uitziet.