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. |
© 2008 - 2024 Dribbel, het auteursrecht van dit artikel ligt bij de infoteur. Zonder toestemming is vermenigvuldiging verboden. Per 2021 gaat InfoNu verder als archief, artikelen worden nog maar beperkt geactualiseerd.
Websites maken voor beginners: HTMLVrijwel alle websites zijn grotendeels in HTML geschreven. Maar wat is HTML precies en hoe kun je er een website mee mak…
Wat is HTML of Hypertext Markup Language? (De basis)Een browser, zoals Google Chrome, Mozilla Firefox of Internet Explorer, heeft gegevens nodig om een website weer te geve…
Van kleine instructies naar grote processenHet centrale deel van de computer is de processor, de CPU. De processor voert eenvoudige instructies uit die achter elka…
Gerelateerde artikelen
HTML de basisbeginselenVoor het maken van een website heb je enige kennis van HTML nodig. HTML is de basis van een website. In dit artikel lees…
Websites maken voor beginners: HTMLVrijwel alle websites zijn grotendeels in HTML geschreven. Maar wat is HTML precies en hoe kun je er een website mee mak…
Wat is HTML of Hypertext Markup Language? (De basis)Een browser, zoals Google Chrome, Mozilla Firefox of Internet Explorer, heeft gegevens nodig om een website weer te geve…HTML: basisbegrippenHTML staat voor HyperText Markup Language. Deze taal wordt gebruikt voor de opmaak voor bijvoorbeeld websites. De basis…
Van kleine instructies naar grote processenHet centrale deel van de computer is de processor, de CPU. De processor voert eenvoudige instructies uit die achter elka…Batchbestanden!MS-DOS was lange tijd het standaard besturingssysteem voor pc's. Hoewel de latere versies meer en meer mogelijkheden bev…
Per 2021 gaat InfoNu verder als archief. Het grote aanbod van artikelen blijft beschikbaar maar er worden geen nieuwe artikelen meer gepubliceerd en nog maar beperkt geactualiseerd, daardoor kunnen artikelen op bepaalde punten verouderd zijn. Reacties plaatsen bij artikelen is niet meer mogelijk.