INDEX
&
Snelzoekhulp
Een listing van belangrijke onderwerpen die in deze cursus aan bod zijn gekomen en wat korte voorbeelden

 
 
Tekst
Maak tekst vet
<B>xxxxx</B>
Maak cursief
<I>xxxxx</I>
Onderstrepen
<U>xxxxx</U>
Monospaced font
<TT>xxxxx</TT>
Wijzig font grootte (groottes:1-7)
<FONT SIZE=5>xxxxx</FONT>
Wijzig het lettertype (face)
<FONT FACE="NIFTY FONT">xxxxx</FONT>
wijzig de tekst kleur
<FONT COLOR="#0000FF"> xxxxx</FONT>
De rollercoaster!
De Font Viewer
Achtergrond kleuren
<BODY BGCOLOR="#xxxxxx">

Wijzig de kleuren voor het hele document.
 <BODY BGCOLOR="#xxxxxx" TEXT="#xxxxxx" LINK="#xxxxxx" VLINK="#xxxxxx" ALINK="#xxxxxx">
Harde return <BR>
Lege regel <P>
Spatie code (speciaal teken voor een spatie) &nbsp;
Zes belangrijke speciale tekens
Een heleboel speciale tekens
Meerdere lege regels &nbsp;<BR>
Combinaties van tags-
Overlappende en geneste tags
Meer over
overlappende en geneste tags
 
 
Plaatjes



Achtergrond plaatjes
<BODY BACKGROUND="xxxxx.gif">
(of .jpg)
Een plaatje van een pagina opslaan
Plaatjes invoegen
<IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456>
Bestandslocaties (SRC) nader uitgelegd
Een link maken van een plaatje
<A HREF="http://xxxxx"><IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456></A>
Het blauwe kader om een link verwijderen
<A HREF="http://xxxxx"> <IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456 BORDER=O></A>
Over afmetingen van plaatjes
Thumbnails gebruiken
Lijnen maken van een 2x2 punt
 
 
Links



Een link toevoegen <A HREF="http://xxxxx">Link</A>
Een email link toevoegen
<A HREF="mailto:xxxxx@xxx.xxx"> abcdefg</A>
Een link maken van een plaatje
<A HREF="http://xxxxx"><IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456></A>
Het blauwe kader om een link verwijderen
<A HREF="http://xxxxx"><IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456 BORDER=O></A>
Het gebruik van thumbnails
Linken naar een bepaalde plaats in een document
 <A HREF="http://xxxxx#CHEESEWIZ"> abcdefg</A>
 
 
Opmaak funkties



Centreren <CENTER>xxxxx</CENTER>
Harde returns <BR>
Lege regel <P>
Marges vergroten met <BLOCKQUOTE>
Gesorteerde en ongesorteerde lijst
<UL> (or OL)
<LI>List item
</UL>
Definitie
<DL>
<DT>Definitie titel
<DD>Definitie item
</DL>
Horizontale lijn
<HR ALIGN=left|right|center WIDTH=80% SIZE=3 NOSHADE>
De <PRE> tag
 
 
Diversen



Minimaal benodigde tags voor eenn HTML document
<HTML>
<HEAD>
<TITLE>Mijn eerste homepage!</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Achtergrond kleuren
<BODY BGCOLOR="#xxxxxx">
Document Titel <TITLE>Mijn eerste homepage!</TITLE>
Achtergrond plaatjes
BACKGROUND="xxxxx.gif" (of .jpg)
Combinaties van tags-
Overlappende en geneste tags
Meer over
overlappende en geneste tags
Spatie code (speciaal teken voor een spatie) &nbsp;
Zes belangrijke speciale tekens
Een heleboel speciale tekens
Centreren <CENTER>xxxxx</CENTER>
Meerdere lege regels &nbsp;<BR>
Absolute en relatieve URL's
Over scherm resoluties
Opmerkingen <!--Dit is een opmerking-->
Document opslaan als HTML document
Een plaatje van een pagina opslaan
 
 
Frames
De basis tags voor frames
<FRAMESET> en <FRAME>
Het maken van de Master
Splitsen in kolommen
<FRAMESET COLS="xxxxxx">
Splitsen in rijen
<FRAMESET ROWS="xxxxxx">
Je eerste framepagina
Het gebruik van variabele framegrootte
Meerdere kolommen specificeren
<FRAMESET COLS="xx,xx,xx">
De verhouding tussen frames
<FRAMESET COLS="50,*,2*">
Frames verder opsplitsen
Versie zonder frames
<NOFRAMES>
Waarom <NOFRAMES> gebruiken
Resolutie perikelen
Plaatjes in frames gebruiken
Plaatjes in een venster passen
Schuifbalken manipuleren
<FRAME SCROLLING=xx>
Marges aanpassen
<FRAME MARGINWIDTH=x MARGINHIGHT=x>
Kaderdikte aanpassen
<FRAMESET BORDER=xx>
De kleuren van de kaders aanpassen
<FRAMESET BORDERCOLOR="xxxxxx">
Kader uitschakelen per frame
<FRAMESET FRAMEBORDER=NO>
Voorkomen dat de framegrootte wordt aangepast
<FRAME NORESIZE>
Links leggen tussen frames
Links in een ander venster laten verschijnen
NAME en TARGET
Links laden in een volledig scherm
<TARGET="_top">/FONT>
Een voorbeeld van slecht gebruik van frames
Een voorbeeld om te oefenen
 
 
Tabellen
De basis tags voor tabellen
<TABLE>, <TR> en <TD>
Je eerste tabel maken
Eigenschappen van kaders
<BORDER="xx">
Afmetingen van de tabel
Uitlijning van tekst in de cel
Plaatjes in een cel zetten
Meerdere kolommen in een tabel
Meerdere rijen in een tabel
Een oefening om zelf te doen
De witruimte tussen kader en inhoud
<TABLE CELPADDING=xx>
De witruimte tussen cellem onderling regelen
<TABLE CELSPACING=xx>
Kleuren gebruiken in een tabel
Cellen over meerdere kolommen uitstrekken
<TD COLSPAN=xx>
Cellen over meerdere rijen uitstrekken
<TD ROWSPAN=xx>
Een tabel in een tabel zetten
Grote plaatjes splitsen in tabel cellen
Een paar oefenvoorbeelden