Anubis Creations

Basis HTML

Written by Administrator

Wat is HTML?

HTML ook wel ( HyperText Markup Language ) genoemd is de universele opmaaktaal die voor informatiepagina's op het World Wide Web wordt gebruikt.
Onder HyperText wordt de mogelijkheid verstaan om door middel van zogeheten "links" naar een andere plaats op het internet te gaan.

HTML-data bestaan helemaal uit ASCII-tekst en zijn daarom in elke tekstverwerker leesbaar.
Voor de opmaak wordt gebruik gemaakt van zogeheten "tags".
De tag staat tussen het kleiner dan teken "<", en het groter dan teken ">". Daartussen staan de aanwijzingen voor de browser over hoe de hele pagina, of een door tags omsloten tekstgedeelte, eruit moet zien.
Vele tags bestaan uit een begin en eindtag. Deze zien er bijna identiek uit. Het enige verschil is dat de eindtag een slash heeft "/". Bevoorbeeld: De tekst <B> tussen deze tags </B> zal vet worden afgebeeld.

Tags, elementen en argumenten

Er zijn tags die alleen geopend en gesloten moeten worden.
Bijvoorbeeld: <HTML> ... </HTML>.

Andere tags moeten een argument krijgen.
Bijvoorbeeld: <IMG SRG="...">.

De waarde van het argument zet je achter het verplichte "=" teken. Voor de meeste argumenten zijn ook de aanhalingstekens verplicht.
Verder zijn er tags die aangevuld kunnen worden met elementen.
Bijvoorbeeld: <BODY BGCOLOR="...">
De BODY-tag krijgt het element BGCOLOR mee. Het element BGCOLOR heeft als argument de waarde die tussen de aanhalingstekens komt te staan.

Bouwstenen van een brontekst.

Elk HTML document heeft een vaste verplichte opbouw.
Dit bestaat uit volgende tags:

<HTML>
<HEAD>
<TITLE>
Hier komt de titel van uw pagina
</TITLE>
Hier komen meestal nog de metatags voor de zoekmachines.
</HEAD>
<BODY>
Hier komt de inhoud van uw pagina.
</BODY>
</HTML>

Elke pagina moet worden geopend met <HTML> en afgesloten worden met </HTML>.

Afbeeldingen in HTML.

Probeer het aantal kilobytes van de afbeeldingen die je wenst te gebruiken zo klein mogelijk te houden. Dit om te vermijden dat het laden van de pagina zou vertragen.

Een afbeelding wordt altijd opgeroepen met de tag <IMG src="...">.
Deze tag hoeft niet afgesloten te worden met een eindtag.

Vele internet gebruikers die een visueel handicap hebben, werken met een tekstbrowser en met een programma dat teksten omzet in gesproken taal.
Zij kunnen dus geen afbeeldingen bekijken.
Daarom is het verstandig om elke afbeelding een alternatieve tekst mee te geven: ALT="..." .
Dit element moet binnen de IMG SRC tag geplaatst worden.
Bijvoorbeeld:
<IMG src="goudvis.gif" ALT="mijn goudvis">

Alternatieve tekst is extra belangrijk bij afbeeldingen die een link bevatten. Er komt dan bijvoorbeeld te staan:
" Naar Homepage". Voor visueel gehandicapten is dit dus de enige manier om op je site te navigeren.

Afbeelding als achtergrond.

Er zijn vele pagina's die geen egale kleur als achtergrond hebben maar een afbeelding.
Deze afbeelding wordt opgeroepen in de BODY tag. Bijvoorbeeld:
<BODY BACKGROUND="motiefje.gif">

Hyperlinks.

Verwijzingen naar ander plaatsen binnen je site of naar een ander site worden Hyperlinks genoemd. Deze kunnen zowel tekst als afbeeldingen zijn.
In de HTML code herken je een hyperlink aan de ankertag:
<A href="..."></A>. De tekst of afbeelding die hiertussen staat is actief. Als men hierop klikt, wordt naar het adres gesprongen dat binnen de aanhalingstekens vermeld staat.

Commentaar

Alleen geregistreerde gebruikers mogen commentaar plaatsen!