Coffee tag

Basistags van HTML

We moeten in HTML naast de inhoudelijke tekst ook aangeven wat de opmaak van deze tekst is. Dit doen we met de HTML-tags. Zonder deze tags zou elke webpagina er uit zien als een muur van tekst!

Een webpagina zonder tags

Tags kunnen we gebruiken om een stukje tekst anders mee op te maken. Als we bijvoorbeeld een stukje tekst vetgedrukt willen hebben doen we dat met de <b> tag:

In deze zin wordt <b>deze tekst</b> vet afgedrukt

Zoals je ziet worden tags geopend en gesloten. Met de </b> tag geven we aan waar de tag gesloten wordt en de tekst dus niet meer vetgedrukt is.

Tags zonder einde

Sommige speciale tags hoef je niet af te sluiten omdat ze niet om een stukje HTML heenstaan. De <hr> tag bijvoorbeeld:

De hr tag is een voorbeeld van een tag die je niet afsluit <hr> Maar de meeste tags moet je wel afsluiten!

Attributen

Aan tags kan je ook attributen toevoegen, dit zijn waardes die we aan een tag kunnen (of moeten) meegeven om hem iets te laten doen. Bijvoorbeeld:

Het 'href' attribuut van de a tag geeft aan waar een <a href="http://google.nl/">link</a> naar wijst.

Op internet kun je vinden welke attributen er allemaal bij een tag horen. Hier is bijvoorbeeld een lijst te vinden van alle attributen die bij de <a> tag horen.

Sommige attributen kun je bij alle tags gebruiken. Zoals class, id of style.

Element
Open-tag
<a 
Attribuut
Attribuut-naam
href
="
Attribuut-waarde
http://avans.nl/
"
>
Avans
Sluit-tag
</a>