|
Artikelen |
| |
| Auteur: |
| WHThomas |
| Artikel naam: |
| Simpele HTML cursus |
| Artikel categorie: |
| HTML |
| Artikel commentaar: |
| De basis codes van een HTML pagina simpel uitgelegd. Gemaakt door WHThomas. |
| Artikel: (het hele artikel) |
HTML
Een HTML-document is gewoon een tekst bestand (file) waarin Hyper Text Markup Language labels (tags) staan. Deze kunnen met iedere willekeurige editor of tekstverwerkingsprogramma worden gemaakt, als het maar als een ASCII (tekst) bestand wordt weggeschreven. U kunt bijvoorbeeld Notepad gebruiken. U zal zich wellicht afvragen hoe het dan met plaatjes en andere grafische bestanden zit, deze staan toch niet in zo'n tekstbestand ? Dat klopt, deze worden vanuit dit bestand aangeroepen. Hoe dit precies in elkaar zit komt later in deze cursus.
Door deze te bewaren als een *.html/*.htm dokument en deze weer te openen in een browser krijg je een pagina met allerlei mogelijkheden.
<HTML> </HTML>
Er zijn verschillende labels. Er zijn labels die u keer op keer zal gebruiken. Maar er zijn ook labels die eenmaal in een dokument wordt gebruikt. Ook zijn er zijn labels die u zult moeten afsluiten door een slash '/'. Dit gebeurt bijvoorbeeld bij het opmaken van tekst.
<I>Italic</I>, dit is een voorbeeld hoe je een tekst italic maakt. Elk dokument dat wordt gemaakt zal als HTML moeten worden herkent. Het dokument wordt weliswaar door de meeste browser meteen alszodanig herkent. Maar er zijn enkele browsers die dit niet zien. Vandaar zal het gehele dokument tussen twee labels komen te staan met HTML-labels.
<HEAD> </HEAD>
Het volgende label dat we gaan opnemen is <HEAD>. Deze zal weer afgesloten moeten worden met </HEAD>. Tussen deze labels (die dus bovenaan het dokument staan) kunnen wij diverse gegevens over de site kwijt. Zoals de maker, titel en veel meer.
<TITLE> </TITLE>
Zoals gezegd kunt u uw homepage een titel meegeven. Daar gebruikt u deze bovenstaande voor. Deze title-labels staan tussen de head-labels. Deze titel ziet u terug bovenaan je browser. Maar ook in search-engine's (daarover later) en in bookmarks.
<BODY> </BODY>
Binnen de body-labels komt onze pagina. De body-label is zo'n label waaraan u enkele optie's kunt toevoegen. U kunt de achtergrond een kleur geven of een tekening, u kunt de tekst-kleur bepalen, de gevolgde link-kleur enz.
Ik zal toch (hoewel het eigenlijk nog te vroeg is hiervoor) even op ingaan:
<BODY BGCOLOR="#x" BACKGROUND="x" LINK="#x" ALINK="#x" VLINK="#x" TEXT="#x">
BGCOLOR="#x"
Geef hierin een waarde (hexadecimaal of een woord; komen we later op terug bij Hexidecimale waardes) waardoor je de achtergrond van het dokument een kleur kan geven.
BACKGROUND="#x"
Door hier een tekening cq. een plaatje op te geven zal er op de achtergrond het plaatje komen. Let er wel op dat je 1 van deze twee kan gebruiken. Gebruik deze 2 niet tegelijk!
LINK="#x"
Door hier ook een (kleur)waarde te geven zal elke (niet gevolgde) link deze kleur krijgen.
ALINK="#x"
Iedere link die wordt aangeklikt zal deze kleur krijgen.
VLINK="#x"
Elk (eerder) gevolgde link zal deze kleur meekrijgen.
TEXT="#x"
Normale tekst zal deze kleur bevatten. Let er wel op dat dit een afwijkende kleur is dan de achtergrond. Want wit op wit is echt niet te lezen. Kijk voor hexidecimale waardes bij kleuren.
Voorbeeld pagina
De pagina zal er dan ongeveer zo uit kunnen gaan zien (in bv. Notepad; tik het volgende maar over en bewaar deze als een html dokument en open deze in een browser):
Code
1
2
3
4
5
6
7
<HTML>
<HEAD>
<TITLE>De titel van de homepage </TITLE>
</HEAD>
<BODY> Hier komt de tekst van je site... de inhoud ....
</BODY>
</HTML>
Zoals u wellicht opgemerkt heeft zijn alle labels in hoofdletters. Maar dit is niet nodig, het wordt wel duidelijker en overzichtelijker. |
| |
| |
|
|
|
|
