In de onderstaande pagina is een zo volledig mogelijke uitleg over hoe je een homepage
kunt maken met HTML (Hyper Text Mark-up Language).
Dit zijn de onderdelen van dit document:IntroAlgemeen
Algemeen
De eerste tag is <HTML>.
Dit geeft het begin aan van het HTML-document.
Bij de meeste tags horen ook een eindtag.
Er staat dan gewoon een / voor. </HTML>is dus de laatste tag van het document.
Er is ook een hoofding in het document.Dit wordt aangegeven door <HEAD>.
In deze hoofding kunnen verschillende elementen voorkomen.
Titel <TITLE> ( Hier geeft men de titel van de homepage ).
<META> tags ( Deze geven meer informatie over het document. Zie Meta ).
...
Het document zelf begint met <BODY> . Hier kan men de kleuren van de tekst en achtergrond kiezen.
text=" " bepaalt de kleur van de tekst.
bgcolor=" " bepaalt de kleur van de achtergrond.
background=" " men kan hiermee een tekening als achtergrond instellen.
link=" " bepaalt de kleur van een link.
alink=" " bepaalt de kleur van de actieve link.
vlink=" " bepaalt de kleur van de bezochte link. (visited link)
...
U kunt vanaf nu gewoon uw tekst onder de <BODY> -tag typen.
Als u tekst wilt onderlijnen, dan zet u gewoon uw tekst tussen <U> en </U>.
Voor vet gebruikt u <B> en </B>,
en voor schuine tekst is dat <I> en </I>.
U kunt ook typewriter text gebruiken door de tekst tussen de <TT> en de </TT> -tag te zetten.
De kleur,lettertype en grootte van de tekst kan men veranderen door <FONT> en </FONT>.
De grootte kan men veranderen door SIZE=" " te gebruiken. Men kan dan gewoon een waarde geven vb. 5, maar men kan ook een relatieve waarde geven vb +1
zodat het lettertype gewoon met ��n vergroot ten opzichte van het gewone lettertype.
voorbeeld: <font size="-1">text</font> = text
De kleur van de tekst kiest men door COL0R=" " te gebruiken.
voorbeeld: <font color="red">text</font> = text
In de plaats van "red" te typen kan men ook "#FF0000" typen. Dit zijn de waarden in RGB van 0 tot FF (=255)
Zie hier voor meer kleurencodes .
Het lettertype wijzigt men door FACE=" ". Men vult hier gewoon het gewenste lettertype in.
(Opgelet: Als degene die uw homepage leest dit lettertype niet heeft wordt gewoon het standaard lettertype gebruikt)
voorbeeld: <font face="arial, helvitica">text</font> = text
In dit voorbeeld worden meerdere lettertypen opgegeven.
Het kan zijn dat je een speciaal teken wilt gebruiken in je tekst. Daar zijn codes voor die je gewoon in de plaats moet typen.
voorbeelden: < < > > = extra spatie
Voor meer codes: speciale karakters
Voor een nieuwe regel te plaatsen typt men <BR>
Men kan ook, als men een tekening heeft en men wilt daaronder verder gaan, <BR clear="all"> gebruiken
Voor een lijn te tekenen gebruikt men <HR>.
Deze lijn kan ook zonder schaduw getekent worden <HR NOSHADE>
De lengte kan bepaalt worden door WIDTH=" " men geeft hier de lengte of aantal procent. vb:<HR width="90%">
en de grootte door SIZE=" ".
Uitlijnen kan ook door ALIGN=" " te gebruiken. Vul dan in: LEFT of RIGHT of CENTER
Als men tekst wilt centreren kan men de tekst tussen <CENTER> en </CENTER> plaatsen.
Nu we al tekst in ons document hebben, zou het ook nog fijn zijn voor een paar tekeningen hieraan toe te voegen.
Dit kan men simpel doen door <IMG SRC=" "> te gebruiken.
SRC=" " geeft de naam van de tekening aan met de extensie.
(Opgelet: Het kan soms voorkomen dat een tekening niet te voorschijn komt omdat de naam van de tekening met hoofdletters is geschreven, terwijl het bestand zelf alleen uit kleine letters bestaat of andersom.)
De grootte van de tekenig kan ook opgegeven worden. Dit is niet noodzakelijk, maar het kan soms handig zijn.
De breedte geeft men door WIDTH=" " en de hoogte door HEIGHT=" ".
Uitlijnen kan men hier ook door ALIGN=" " te gebruiken.
Nu nog iets zeer nuttig voor op een homepage, namelijk een link plaatsen.
Dit is gelijk de rest niet moeilijk. Het gaat zo: <A HREF=" ">Hier komt de naam</A>
De URL van de link typt men hier: HREF=" ". Geef de volledige URL als het een link is naar een andere homepage.
Er kan ook een link gemaakt worden naar een bepaalde plaats van een document. Dat doe zo:
Geef de plaats naar waar je wil linken een naam.
Dat doe je door bijvoorbeeld dit: <A NAME="hoofdstuk4"></A> op die plaats te zetten.
De link ziet er dan als volgt uit <A HREF="pagina.html#hoofdstuk4">Naam van de link</A>.
Als het een link is naar de zelfde pagina, dan mag de pagina-naam weggelaten worden.
Dus dat wordt dan <A HREF="#hoofdstuk4">Naam van de link</A>
Je kan ook in de plaats van tekst een tekening als link gebruiken. Je krijgt dan wel een boord rond die tekening,
maar die kan je weg doen door BORDER="0" bij de link naar de tekening te plaatsen.
Dit ziet dan als volgt uit:<A HREF=" "><IMG SRC=" " BORDER=0></A>.
Heb je veel text te typen en je wil dat niet alles achtereen wordt afgebeeld op het scherm,
dan kan je dat het beste door <PRE> en </PRE> te gebruiken.
Alles wat hiertussen staat wordt in dezelfde vorm afgebeeld gelijk het getypt is.
Als je aan twee kanten van de tekst een marge wilt hebben kan je <BLOCKQUOTE> en </BLOCKQUOTE> gebruiken.
Nu iets wat ik al een paar keer in dit document gebruikt heb: lijsten.
Er zijn twee soorten ordelijsten: geordend en ongeordend.
Voor de geordende lijst gebruik je <OL> en </OL> en
voor de ongeordende gebruik je <UL> en </UL>.
De onderdelen van de lijst duid je aan door <LI>.
Voorbeeld:
Ongeordend
Geordend
Eerste lijn
Tweede lijn
<UL>
<LI>Eerste lijn <LI>tweede lijn lijn </UL>
Eerste lijn
Tweede lijn
<OL> <LI>Eerste lijn <LI>Tweede lijn </OL>
Er is ook nog een ander soort van lijst: de definitie lijst.
Het begin en einde van deze lijst wordt aangegeven door:<DL> en </DL>
Dan geeft men als eerste de naam van de definitie op door <DT>
en de verklaring door <DD>.
Men kan in ��n lijst zoveel definities zetten als men wilt.
voorbeeld:
Naam
Hier komt dan de uitleg
<DL> <DT>Naam <DD>Hier komt dan de uitleg </DL>
Commentaar in een HTML-Document voegen kan men door het commentaar te beginnen
met <!-- en te eindigen met -->
TIP: Als je een homepage gemaakt hebt, bekijk deze dan eens onder een ander resolutie, want de homepage kan er dan volledig anders uitzien.
