Wat is HTML?

Je hoeft geen HTML te kennen om met hPage een website te bouwen; de inhoudseditor schrijft het voor je. Dit artikel legt het begrip uit en laat zien waar je eigen code terechtkan als je die wilt gebruiken.

HTML in één minuut

HTML staat voor HyperText Markup Language. Het is gewone tekst met “tags” die de browser vertellen hoe de inhoud getoond moet worden. Twee voorbeelden:

• <b>Vetgedrukte tekst</b> wordt getoond als Vetgedrukte tekst (de b staat voor bold, vet).
• <a href="https://www.hpage.com/">hPage</a> wordt een link met de tekst hPage.

CSS voegt de vormgeving toe (kleuren, lettertypen, witruimte), JavaScript het gedrag. Codefragmenten van andere aanbieders, bijvoorbeeld een kaart, een reserveringswidget of een videospeler, zijn meestal HTML in combinatie met JavaScript.

Waar je eigen HTML in hPage terechtkan

• Ingesloten HTML-element: kies in de inhoudseditor Element toevoegen (add-on) → Speciaal → Ingesloten HTML en plak de code. Dit is de aanbevolen plek voor code van derden, omdat die de teksteditor niet in de weg zit.
• HTML invoegen in de werkbalk van de teksteditor: voegt een fragment in op de plek van de cursor in een tekstelement.
• HTML-editor in de werkbalk van de inhoudseditor: toont en bewerkt de volledige HTML van de pagina. Alleen voor gevorderde gebruikers; een fout kan de lay-out verstoren, en Proberen te herstellen helpt als de code niet meer ingelezen kan worden.
• Head-HTML van een afzonderlijke pagina (Premium): Pagina-instellingen → Geavanceerde instellingen tonen → Head-HTML, voor scripts of stylesheets die alleen deze pagina nodig heeft.
• Instellingen → Headergebied: Eigen, extra HTML-code (tussen <head> en </head>) voor de hele website, bijvoorbeeld voor verificatietags, en Eigen, extra CSS-stylesheet (de URL van een .css-bestand).
• Instellingen → Algemeen → Hele site: HTML aan het Begin van elke pagina en aan het Einde van elke pagina, bijvoorbeeld voor tellers. Een afzonderlijke pagina kan dit in haar geavanceerde instellingen uitschakelen met Websitebrede HTML-codes NIET op deze pagina invoegen.
• HTML-bestanden (Premium): complete .htm- of .html-bestanden kun je uploaden onder Bestanden → Bestanden uploaden en ernaar linken.

Meer over code voor de vormgeving lees je in eigen CSS en HTML.