Overzicht HTML tags

HTML staat voor Hyper Text Markup Language en wordt gebruikt om bijvoorbeeld een website vorm te geven. Er zijn vele tag die je kunt gebruiken bij het schrijven van een HTML bestand. Hier een overzichtje van een aantal veel gebruikte HTML tags en een beschrijving en af en toe een voorbeeld. Maar eerst zal de basis van een HTML bestand worden beschreven en wordt er wat uitgelegd over de opbouw van HTML tags.

Opbouw HTML tags

Een HTML tag kan bestaan uit meerdere onderdelen. Het is belangrijk om deze onderdelen te kunnen onderscheiden. Een HTML tag kan uit de volgende onderdelen bestaan:

Basis: Hiermee begint een HTML tag altijd.
Uitbreiding: Hiermee kun je extra dingen over de tag zeggen, zoals de kleur en de grootte.
Waarde: Hiermee geeft je aan hoe groot het wordt of welke kleur het krijgt.
Afsluiting: Sommige tags hebben een afsluiting nodig om aan te geven waanneer ze eindigen. Dit is dan de basis tag met een slash (/) ervoor.

Voorbeeld:
<HR size=3>
HR geeft aan dat het om een horizontale streep gaat en is de Basis.
Size is de uitbreiding en zegt wat over de grootte van de horizontale streep.
De 3 is de waarde die zegt hoe groot de horizontale streep precies is.

Basis van een HTML bestand

Een HTML bestand heeft altijd een basis opbouw die hieronder staat gegeven. Deze basis bestaat alleen uit basis-tags. Onder de basis opbouw staan deze tags uitgelegd.

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY></BODY>
</HTML>

Tag	Beschrijving
<HTML>	Geeft aan dat het om een HTML bestand gaat
<HEAD>	Hier binnen worden de algemene waarden zoals titel en lettertype weergegeven
<TITLE>	Geeft de titel van het HTML bestand
<BODY>	Hierin staan alle overige waarden zoals tekst en plaatjes

Overzicht meest gebruikte Basis HTML tags

Tag	Beschrijving met eventueel een voorbeeld
<!--	Hiermee wordt een opmerking in een HTML bestand geplaats die niet te zien is als het bestand in een internet browser wordt getoond.
<A>	De A staat voor anker. Hiermee kan iets aan de tekst worden verankerd, zoals een link. Voorbeeld:<A HREF=”http:www.voorbeeld.nl”>tekst</A>
<B>	Hiermee wordt de tekst dikgedrukt. Voorbeeld: <B>Dikgedrukte tekst</B>
<BIG>	Hierdoor wordt de tekst tussen <BIG> en </BIG> groter dan de rest van de tekst.
<BODY>	Hier binnen staat alles wat de bezoeker te zien krijgt, zoals tekst en afbeeldingen
<BR>	Hiermee ga je naar de volgende regel
<CENTER>	Hiermee komt je tekst in het midden te staan
<EM>	De tekst die hiertussen staat wordt schuin gedrukt
<EMBED>	Binnen deze tag kun je aparte objecten plaatsen zoals een video
<FONT>	Deze tag gaat over de opmaak van de tekst. Voorbeeld: <FONT FACE=”Arial” SIZE=”4”> Voorbeeld </FONT> (Hiermee krijg je de tekst “voorbeeld” met lettertype arial en een grootte van 4.)
<FORM>	Hiermee maak je een formulier waarmee bezoekers informatie kunnen verzenden.
<H1>, <H2>, enz	Hiermee geef je een kop aan. H1 is de grootste kop en naarmate het nummer groter wordt, wordt de kop kleiner.
<HR>	Dit is een horizontale streep
<HTML>	Deze tag geeft aan dat het om een HTML bestand gaat.
<I>	Tekst wordt schuin gedrukt
<IMG>	Hiermee kun je een afbeelding plaatsten
<LI>	Hiermee maak je een lijst met opsommingen.
<MARQUEE>	De tekst wordt als een soort scorebord weergegeven. (Werkt alleen in Internet Explorer)
<MENU>	Hiermee kun je aangeven welke symbolen er worden gebruikt bij een opsomming
<META>	Deze tag zegt wat over de pagina, zoals een korte beschrijving en een aantal zoekwoorden.
<OL>	Hiermee kun je de nummering van een opsomming aanpassen.
<P>	Deze tag geeft informatie over de paragraaf die volgt. Vaak wordt deze tag gebruikt om de positie van de tekst aan te passen. Voorbeeld:<P align=”center”>Tekst in het midden</p>
<SMALL>	Hiermee wordt de tekst kleine afgebeeld dat de standaard tekst
<STRONG>	Hiermee wordt de tekst dikker gedrukt dan de standaard tekst
<TABLE>	Hiermee maak je een tabel. Dit gebeurt in combinatie met de tags <TD> , <TR> en <TH> Voorbeeld: <TABLE> <TR> <TD>Tekst</TD> <TD>Tekst </TD> </TR> <TR> <TD>Tekst</TD> <TD>Tekst</TD> </TR> </TABLE>
<TD>	Hiermee maak je een gewone tabelcel aan.
<TH>	Hiermee maak je een hoofd tabelcel aan.
<TITLE>	De titel die je hier invoert zal ook boven aan je scherm in het browserscherm te zien zijn.
<TR>	Hiermee maak je een rij binnen een tabel.
<U>	Hiermee onderlijn je de tekst.