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

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

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