Nehalennia informatica, HTML5 en webdesign v2023

Bij de 'uitvinding' van het internet, was HTML de opmaaktaal van deze pagina's. Er was een aantal opmaakcodes (tags) waarmee eenvoudige pagina's gemaakt konden worden.
Deze opmaakcodes waren te herkennen aan de punthaken.
Zo kun je met de volgende codes, tekst cursief, vet en zelfs cursief èn vet maken:

<I>cursief</I>
<B>vet</B>
<I><B>cursief èn vet</B></I>

Veel opmaakcodes hebben een begin- èn een sluit-tag. (let bij het combineren op het 'nesten' van de tags).
Er kwam steeds meer behoefte aan nog meer gereedschap. Dat is de taal CSS. Maar we beginnen met de 'oer'-tags van HTML.

Sommige tags hebben wat extra informatie nodig: dit noemen we attributen.

<BODY BGCOLOR="YELLOW"> ..... </BODY>
<FONT COLOR="RED"> ..... </FONT>
<IMG SRC="plaatje.jpg"> 
<A HREF="pagina.htm">klik hier</A>

De laatste is een voorbeeld van een hyperlink. Die kun je ook gebruiken in combinatie met een plaatje.

<A HREF="pagina.htm"><IMG SRC="klikbaarplaatje.jpg"></A>

HTML is niet hoofdlettergevoelig. In deze samenvatting wordt in het begin gebruik gemaakt van hoofdletters, wanneer het gaat om de verouderde, 'lompe' HTML code's.
We maken de overstap naar de wat verfijnde CSS statements. Die noteren we dan met kleine letters.
Onderstaande twee 'regels' doen het zelfde:

  <BODY BGCOLOR="GREEN">
  <body style="background-color: green;">