HTML

20-02-2019

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

Google Page Experience algoritme update komt in 2021

Google Page Experience algoritme update komt in 2021

Google kondigde op 28 mei aan dat er een nieuwe grote Algoritme update aankomt in 2021 die gericht is op de gebruikerservaring op websites: Page Experience. Google geeft al jaren signalen af dat het belangrijk is dat website bezoekers een goede ervaring hebben. Met...

Zo maak je jouw website veilig

Zo maak je jouw website veilig

De veiligheid van een website is van groot belang en wordt steeds belangrijker. Toch zijn veel websites niet veilig. Misschien is jouw website ook wel onveilig, maar geen zorgen! Na het lezen van deze blog kun je jouw website eenvoudig dicht timmeren en zorgen dat...

Instagram 2019 [Complete handleiding voor beginners]

Instagram 2019 [Complete handleiding voor beginners]

Een complete handleiding voor iedereen die helemaal nieuw is op Instagram. Instagram is een snel groeiend social media platform met ruim 4,1 miljoen gebruikers in Nederland. Maarliefst 2,1 miljoen gebruikers zijn dagelijks online met hun Instagram profiel. Voor jou...

Een goede website structuur maken is belangrijk voor SEO

Een goede website structuur maken is belangrijk voor SEO

Websites zijn niet meer weg te denken uit de hedendaagse maatschappij. Dagelijks worden er vele websites uit de grond gestampt, waardoor het moeilijk wordt om op te vallen. Echter hebben veel hedendaagse één ding gemeen: ze hebben een slechte structuur wat heel...

Zo kies je in 2019 kleuren voor je website die bezoekers vasthouden

Zo kies je in 2019 kleuren voor je website die bezoekers vasthouden

Je kunt er maar beter in zo’n vroeg mogelijk stadium mee beginnen: kleuren kiezen voor je website. Webdesign kleuren zijn een belangrijk onderdeel van je brand. Ze komen terug in je logo, in je teksten, afbeeldingen en in het design van je website. De kleuren die je...

Handleiding lokale SEO 2019

Handleiding lokale SEO 2019

Lokale zoekmachine optimalisatie wordt steeds belangrijker. Toch hebben veel bedrijven weinig of geen aandacht besteed aan deze belangrijke marketingmaatregel. Maar hoe belangrijk is lokale SEO om je bedrijf beter bekend te maken en meer omzet te genereren? En wat is...