InfoNu.nl > Pc en Internet > Programmeren > Overzicht HTML tags

Overzicht HTML tags

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>


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

TagBeschrijving 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>, enzHiermee 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 - 2018 Dribbel, het auteursrecht (tenzij anders vermeld) van dit artikel ligt bij de infoteur. Zonder toestemming van de infoteur is vermenigvuldiging verboden.
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: HTMLWebsites 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)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…
Hyper Text Markup LanguageHyper Text Markup LanguageHyper Text Markup Language, beter bekend onder html, is een taal voor de opmaak van documenten. Html wordt op het web ge…
CSS in combinatie met (x)html (de basis)CSS in combinatie met (x)html (de basis)CSS wordt gebruikt om aan een (x)html bestand een stijl mee te geven. In CSS worden dingen als lettertypes, achtergronde…

Reageer op het artikel "Overzicht HTML tags"

Plaats als eerste een reactie, vraag of opmerking bij dit artikel. Reacties moeten voldoen aan de huisregels van InfoNu.
Meld mij aan voor de tweewekelijkse InfoNu nieuwsbrief
Ik ga akkoord met de privacyverklaring en ben bekend met de inhoud hiervan
Infoteur: Dribbel
Gepubliceerd: 11-06-2008
Rubriek: Pc en Internet
Subrubriek: Programmeren
Schrijf mee!