| Documenttype | <HTML> </HTML> | Aan begin en eind van de pagina |
| Titel van pagina | <TITLE> </TITLE> | Moet binnen het kopgedeelte. Is zichtbaar in de titelbalk van browser. |
| Kopgedeelte | <HEAD> </HEAD> | Aan begin van pagina. Beschrijving van pagina (bijv titel). Niet zichtbaar in pagina. |
| Inhoud | <BODY> </BODY> | Eigenlijke inhoud van pagina. Zichtbaar gedeelte van pagina. |
| <BODY BACKGROUND="plaatje.gif"> </BODY> | Achtergrond van de pagina wordt behangen met plaatje.gif. | |
| <BODY BGCOLOR="#FFFFFF"> </BODY> | Achtergrondkleur van de pagina in hexadecimale RBG-waarde (van wit=FFFFFF tot zwart=000000). | |
| <HTML>
<HEAD> <TITLE>(Titel)</TITLE> </HEAD> <BODY> (Het zichtbare gedeelte van de pagina) </BODY> </HTML> |
||
| Alinea | <P> </P> | Aangeven van begin en eind van alinea. Gescheiden van de rest met lege regel ervoor en erna. |
| <P ALIGN="left"> </P> | Uitlijnen van alinea. Kan zijn left, right of center. Standaard: left | |
| Nieuwe regel | <BR> | Ga verder op een nieuwe regel (geen lege regel ertussen). Geen eindtag. |
| Kop | <H1> </H1> .. <H6> </H6> | Kop boven (een onderdeel van) de pagina, van heel groot (H1) tot klein (H6). |
| <H1 ALIGN="center"> </H1> | Uitlijnen van kop. Kan zijn left, right of center. Standaard: left | |
| Horizontale lijn | <HR> | Een horizontale streep op de pagina |
| <HR WIDTH="50%" ALIGN="left"> | De breedte van de streep is 50% van de paginabreedte en wordt links uitgelijnd. Standaard: 100% en center | |
| Centreren | <CENTER></CENTER> | Centreren op de pagina van tekst, kop , plaatje enz. |
| Vet | <B></B> | Vet gedrukt |
| Cursief | <I></I> | Schuin (cursief) gedrukt |
| <FONT SIZE="+1"></FONT> | Lettergrootte is 1 pixel groter dan standaard. Kan ook +2 enz. Kleiner dan standaard met -1 enz. | |
| <FONT COLOR="#8800FF"></FONT> | Letterkleur in hexadecimale RGB-waarde (van zwart = 000000 tot wit = FFFFFF) | |
| <FONT FACE="times new roman"></FONT> | Lettertype. Pas op: werkt alleen bij de 'ontvanger', als deze dit lettertype op zijn computer heeft staan. Kies dus niet een te exotisch lettertype. | |
| Ongeordende lijst |
<UL> (opsomming punten van de lijst) </UL>) |
Een ongeordende lijst, waarbij ieder punt voorafgegaan wordt door een bolletje. |
| Geordende lijst |
<UL> (opsomming punten van de lijst) </UL>) |
Geordende lijst waarbij ieder punt vooraf gegaan wordt door zijn volgnummer |
| Punt (item) van de lijst | <LI></LI> | Ieder item van de lijst moet met deze tag beginnen. Sluitingstag is niet noodzakelijk. |
|
Voorbeeld: <OL> <LI>Eerste item <LI>Tweede item </OL> |
Resultaat:
|
|
| Plaatje invoegen | <IMG SRC="plaatje.gif"> | De afbeelding plaatje.gif wordt hier in het document gevoegd. N.B.: Het plaatje moet dan ook echt in dezelfde directory aanwezig zijn. Bij een HTML-document wordt het plaatje niet in het document zelf opgenomen, maar wordt er naar het plaatje verwezen. Is er een speciale directory voor plaatjes, bijv. images, dan moet er naar dit plaatje verwezen worden met images/plaatje.gif |
| <IMG SRC="plaatje.gif" WIDTH="200" HEIGHT="100"> | Breedte en hoogte van plaatje in pixels, zoals het op de pagina moet verschijnen. N.B.: Je kunt hiervoor een grotere of kleinere waarde opgeven dan de werkelijke afmetingen van het plaatje, maar dat komt de kwaliteit van het plaatje niet ten goede. Het opgeven van hoogte en breedte van het plaatje hoeft niet maar maakt wel een sneller laden van de pagina mogelijk. | |
| <IMG SRC="plaatje.gif" ALT="wat een leuk plaatje"> | De tekst na ALT verschijnt op de plaats van het plaatje in het document, zolang het plaatje nog niet geladen is. In de nieuwere browsers wordt deze tekst ook zichtbaar in een popup-tekst als de muis over het plaatje gaat. | |
N.B.: Plaatjes kan je gemakkelijk van Internet afhalen door met de rechtermuisknop op het plaatje te klikken en dan de optie Figuur opslaan als.. te kiezen. Pas wel op voor auteursrechten.
| Link naar andere site (absolute link) | <A HREF="http://www.google.nl">Zoek</A> | Geef de gehele URL na HREF=. Staat hier geen naam van een document, dan wordt de openingspagina van de site gezocht (index.html of Home.html). Hetgeen tussen openings- en sluitings-tag staat is de aanklikbare link (in dit geval dus Zoek). |
| Link naar eigen ander HTML-document (relatieve link) | <A HREF="anderdoc.html">Ander document</A> | Geef de naam van het andere document na HREF=. Staat deze in een andere (sub)directory, geef dan het relatieve pad aan (bijv. anderdir/anderdocument.html) |
| Link naar ander gedeelte van dezelfde pagina | <A HREF="#hiernaartoe">Hierheen</A> | Het woord achter HREF="# verwijst naar een andere plaats op dezelfde pagina. Daar moet dan wel een Anker staan met hetzelfde woord (zie volgende). |
| Anker | <A NAME="hiernaartoe"></A> | Dit is het anker voor de link #hiernaartoe. |
| Email link | <A HREF="mailto:rvdwdn@xs4all.nl">Stuur mij bericht</A> | Bij klikken op deze link, kan er direct een emailbericht naar rvdwdn@xs4all.nl gestuurd worden. |
Dit is een overzicht van slechts een klein gedeelte van de HTML-tags, die er mogelijk zijn.
Uitgebreidere uitleg over deze tags vind je bij de basiscursus HTML