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