HTML

20-02-2019

HTML-bij-webdesign

HTML is kort voor Hyper Tekst Markup Language. Wanneer je een website gaat bouwen kom je HTML gegarandeerd tegen, gezien iedere website HTML bevat. HTML begon als de opmaaktaal voor tekst in een tekstdocument. Denk aan een Word Document waarbij je tekst vet drukt, cursief maakt of opsommingstekens gebruikt. Vandaag de dag is HTML (of HTML5) de basis voor iedere website. Zie het zo: je schrijft alle tekst die je wilt op je webpagina. Hier voeg je HTML-tags aan toe en je hebt een webpagina gemaakt. Deze ziet er wel uit als een saai Word Document. Gelukkig is er nog een opmaaktaal, CSS, waar je de pagina een stuk spannender mee kunt maken.

Belangrijke HTML voor webdesign

Wanneer je een HTML document maakt het bouwen van een website, heb je een aantal HTML tags nodig. Er is een vaste opbouw van een aantal elementen, zoals de < html >, < head > en < body >. Omdat deze pagina ook is opgebouwd, heb ik spaties in de tags toegevoegd. Hieronder een voorbeeld voor de opbouw van een HTML document voor webdesign.

< html >
< head >
< title >De titel van jouw webpagina< /title >
< !– Koppeling met Google Analytics in script code — >
< /head>
< body >
< h1 >Het hoofdonderwerp van jouw pagina< /h1 >
< p > Hier kun je schrijven over jouw onderwerp. Ik zou hier een alinea over HTML kunnen plaatsen. < /p >
< /body >
< /html >

HTML

De meest gebruikte HTML tags

Let op dat je de spaties tussen de < en > verwijdert.

  • < !– Voor opmerkingen in HTML –>
  • < !DOCTYPE >: Voor het aangeven van het documenttype
  • < a >: geeft een hyperlink aan
  • < b >: maakt tekst vet gedrukt
  • < blockquote >: voor een citaat
  • < body > geeft de body van de pagina aan
  • < br >: voor een ‘enter’, line break
  • < div >: geeft een sectie aan. Deze zou je een naam kunnen geven en opmaken met CSS
  • < em >: maakt tekst schuin
  • < h1 > t/m < h6 >: voor het aangeven van kopjes (headings)
  • < head >: geeft de head van de pagina aan
  • < img >: geeft een afbeelding aan
  • < li >: voor het maken van een opsommingselement, precies zoals deze.
  • < ol >: voor het maken van een geordende lijst
  • < ul > voor het maken van een niet geordende lijst

Bekijk alle HTML tags hier: W3C.

Hulp nodig met je website?

Recente blogs

WordPress 6.2: een nieuwe en verbeterde ervaring

WordPress 6.2: een nieuwe en verbeterde ervaring

WordPress heeft onlangs versie 6.2 uitgebracht en deze heeft enkele nieuwe en verbeterde functies. In deze blogpost bespreken we de belangrijkste kenmerken van deze update en wat ze voor jou kunnen betekenen. Site editor verbeterd Een van de belangrijkste kenmerken...

AI Copywriting: De Toekomst van Online Contentcreatie?

AI Copywriting: De Toekomst van Online Contentcreatie?

In het digitale tijdperk waarin we leven, wordt het belang van effectieve en aantrekkelijke content steeds groter. Als bedrijf wil je opvallen in de online wereld en je doelgroep bereiken met boeiende en relevante informatie. AI Copywriting, het gebruik van...

Missie 2022: de weg naar groenere websites

Missie 2022: de weg naar groenere websites

In 2022 ga ik me met Hulp Met Marketing focussen op het ontwikkelen van groene websites: razendsnelle, lichte websites met een zo klein mogelijke negatieve impact op het milieu. Dat ga ik doen door samen met andere website-experts Wordpress uit elkaar te trekken en in...

Heeft internetsnelheid effect op je pagespeed score?

Heeft internetsnelheid effect op je pagespeed score?

Website snelheid is de laatste tijd een hot-topic, zeker onder SEO specialisten en website bouwers. Sinds Google’s Core Web Vitals zijn gelanceerd, is de snelheid van jouw website namelijk een actieve ranking factor. Dat betekent dat het hebben van een hele snelle...

Dit is TikTok en zo zet je het in als bedrijf

Dit is TikTok en zo zet je het in als bedrijf

Misschien heb je er wel eens over gehoord, heb je er filmpjes van gezien, of zit je er zelf op: TikTok. Deze razend populaire social media app heeft de afgelopen tijd een enorme vlucht in bekendheid gekregen en is om die reden een belangrijke speler in de digitale...