In marketing of communicatie? Dan kom je HTML tegen.
Een link die niet werkt in de nieuwsbrief, een tussentitel die er in het CMS plots anders uitziet, een afbeelding zonder beschrijving: wie in marketing of communicatie werkt, komt elke week HTML tegen.
Je hoeft geen webontwikkelaar te worden. Met de basis van HTML en CSS los je zelf op wat scheef staat, en praat je vlot mee met wie de site bouwt.
Waarom Lurndo bij jou past
De HTML van elke dag
Koppen, alinea's, links, afbeeldingen met
alt, lijsten en tabellen. Precies wat er in een nieuwsbrief, een blogtekst of een CMS staat.Goed voor zoekmachines
Je leert waarom één
h1per pagina telt, wat een goede linktekst is en hoe semantische HTML zoekmachines helpt.Toegankelijk voor iedereen
Een
altbij elke afbeelding, genoeg contrast en een label bij elk veld. Zo bereikt je boodschap ook wie slecht ziet.Korte lessen
Een les duurt een paar minuten. Ideaal tussen twee taken door, ook op je gsm.
Maak een link
Maak van de kop Onze smaken een link naar smaken.html. De kop zelf blijft staan.
<!DOCTYPE html><html lang="nl"> <head> <title>IJssalon De Koude Kant</title> <link rel="stylesheet" href="basis.css"> <link rel="stylesheet" href="style.css"> </head> <body> <header> <img src="hoorntje.svg" alt="Een hoorntje met roze ijs" width="48" height="48"> <h1 class="logo">De Koude Kant</h1> <p class="slogan">IJssalon op de zeedijk van Oostende</p> </header> <main> <h2>Onze smaken</h2> <ul class="smaken"> <li>Vanille</li> <li>Pistache</li> <li>Aardbei</li> </ul> <p>Eén bol kost <span class="prijs">€ 2,50</span>, twee bollen <span class="prijs">€ 4,50</span>.</p> </main> </body></html>body { margin: 0; font-family: system-ui, sans-serif; background: #fff8f0; color: #3b2a1a;}header { padding: 24px 16px; background: #ffd6e0;}.logo { display: inline-block; margin: 8px 0 0; padding: 6px 18px; border-radius: 999px; background: #ffffff; font-size: 28px;}.slogan { margin: 8px 0 0;}main { padding: 8px 16px 24px;}Wat je nodig hebt
De eerste drie modules zijn wat je in marketing het vaakst tegenkomt, en ze zijn gratis. Module 8 leert je formulieren en toegankelijkheid.
- 1Eerste paginaJe eerste klant met een website: ijssalon De Koude Kant in Oostende. Je leert wat HTML is, schrijft koppen en alinea's, nest elementen, legt nadruk, maakt links en zet afbeeldingen op de pagina.
- 2Eerste stijlJe tweede klant: kapsalon Knip & Krul in Genk. Je leert wat CSS is, hoe je een stijlblad koppelt, en je geeft de site kleuren, mooie tekst, achtergronden en de juiste maten.
- 3Structuur en betekenisJe derde klant: dierenasiel Het Warme Mandje in Roeselare. Je maakt lijsten en tabellen, verdeelt de pagina in blokken die zeggen wat ze zijn, leert wanneer een div past, schrijft geldige HTML en bouwt een menu voor een site met meerdere pagina's.
- 8Positioneren en responsiefJe achtste klant: repaircafé Kapot? Mag Niet! in Dendermonde. Je hangt etiketten waar ze horen, laat de kop bovenaan plakken, maakt de site mobiel eerst met media queries en afbeeldingen die meeschalen, bouwt een toegankelijk aanmeldformulier en geeft alles een eigen kleur en een zachte overgang.
Vastgelopen? Vraag het Lurnie
Lurnie is je AI-coach in elke les. Stel je vraag tijdens of na een oefening en krijg meteen uitleg op jouw niveau.
- Tijdens of na elke oefeningLurnie weet welke les en oefening je doet. Vraag waarom iets werkt, wat een fout betekent of hoe het ook anders kan.
- Eigen voorbeelden, nooit de oplossingLurnie legt uit met een voorbeeld op andere data en helpt je verder met een denkvraag. Zo vind je de oplossing zelf, en dat onthoud je.
- Je gesprekken blijven bewaardLees later terug wat Lurnie uitlegde. Je gesprekken staan per cursus bij je account.
Lurnie hoort bij premium, met 30 vragen per dag.Bekijk premium
Waarom wordt mijn link niet rood? Mijn regel staat er toch?
Waarschijnlijk wint een andere regel. Kiezen twee regels hetzelfde element, dan wint de specifiekste: nav a gaat voor op a, ook als a lager in je bestand staat. Pas bij een gelijke stand wint de laatste.
Zoek dus een selector die je link preciezer aanwijst dan de jouwe. Welke vind je?
Nog 29 van 30 vragen vandaagLurnie kan zich vergissen.
Veelgestelde vragen
Moet ik leren programmeren?
Nee. HTML en CSS beschrijven wat er op een pagina staat en hoe het eruitziet. Programmeren, met JavaScript, is een andere cursus.
Helpt dit bij mijn CMS?
Ja. Elk CMS bewaart je tekst als HTML. Wie de HTML-weergave durft te openen, lost zelf op wat de editor verkeerd doet.
Is het gratis?
De eerste drie modules zijn gratis, zonder account. Daarin zit de HTML die je in een nieuwsbrief of blogtekst het vaakst nodig hebt.
Hoe lang duurt het?
Een les duurt een paar minuten. De eerste drie modules tellen samen achttien lessen.
Klaar om te beginnen?
Je eerste link staat binnen een minuut op de pagina. Geen account, geen installatie.
Begin gratis met de eerste les