CSS | Tekst

Naast dat je de tekst op je website een fancy kleurt kunt geven, bestaan er nog veel meer mogelijkheden om de tekst op een mooie manier weer te geven. Je kunt bijvoorbeeld het lettertype instellen, de grootte etc.

CSS | Kleuren

Nu we de basis van html en css onder de knie hebben, is het eindelijk tijd om de boel in te kleuren! Dankzij CSS heb je de keuze uit meer dan 16 miljoen kleuren, welke onder verschillende benamingen ingesteld kunnen worden:

• de Engelse naam van de kleur
• hex codes
• RGB

CSS | De basis

CSS staat voor Cascading Style Sheets en wordt gebruikt om je HTML te stylen. Zoals eerder gezegd gebruik je HTML voor de basis en opbouw van je website, CSS gebruik je voor de presentatie.
Zie het als je outfit: een spijkerbroek en wit t-shirt kan heel saai overkomen, net zoals een website die alleen uit html code bestaat. Gooi wat sieraden om en verf je nagels rood en je outfit is gelijk completer!

HTML | Images

Omdat een website met alleen maar tekst erg saai is, wordt het tijd om wat beeldmateriaal toe te voegen aan de content. Dit doe je door het <img> element te gebruiken!

HTML | Formulieren

Formulieren zijn een uitstekende manier om informatie van je bezoekers te verzamelen. Je kunt een formulier gebruiken voor een enquête, maar ook om een contact pagina op te stellen zodat bezoekers gemakkelijk contact met je op kunnen nemen. Ook kun je het formulier element gebruiken om een zoekbox op je website te plaatsen. Samenvattend gebruik je het form element dus om informatie te verzamelen en te versturen.

HTML | Tabellen

In deze blogpost leer ik je hoe je tabellen op je webpagina kunt creëren zodat je content een betere lay-out krijgt. Tabellen ken je waarschijnlijk al van programma's zoals Microsoft Excel. Het is een handige manier om je informatie overzichtelijk weer te geven.

HTML | Links gebruiken

Naast reguliere tekst bestaan de meeste websites ook uit links. Deze links zijn handig om naar andere websites te linken, maar ook naar andere pagina's op je eigen website. Om een link in te voegen gebruik je de <a> tag, waarbij de a voor anchor (anker) staat.

HTML | Headings

Door middel van het <p> (paragraaf) element heb je geleerd dat je de tekst in blokken kunt opdelen. Maar bij het formatteren van tekst komt nog veel meer kijken! Om de pagina overzichtelijk te houden voor je bezoekers kun je aangeven waar iedere paragraaf over gaat. Net zoals je website een titel heeft, kun je voor iedere paragraaf ook een titel instellen door middel van headings.