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

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...

Een Facebook shop beginnen doe je zo

Een Facebook shop beginnen doe je zo

19 mei 2020 was een belangrijke dag voor ondernemers met een (web)winkel: Facebook lanceerde toen eindelijk hun langverwachte tool ‘Facebook Shops’. In verband met de Covid-19 crisis heeft Facebook er extra druk achter gezet om deze tool te lanceren, met de gedachte...

Met deze tools meet je wat jouw website bezoekers doen

Met deze tools meet je wat jouw website bezoekers doen

Met een goed inzicht in het gedrag van jouw website bezoekers kun je een website aanpassen en optimaliseren. Zo zorg jij voor een betere online experience voor jouw bezoekers, wat weer resulteert in een beter online rendement. Als een bezoeker op jouw website komt,...

Hoe stel je Google Analytics in binnen jouw website?

Hoe stel je Google Analytics in binnen jouw website?

Google Analytics is een gratis tool die jouw website bezoekers inzichtelijk maakt. Met de tracking software kun je eenvoudig bijhouden hoeveel bezoekers er op jouw website komen, via welke kanalen en wat het gedrag van de websitebezoekers is. Dit is mogelijk door een...

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...