Maak je eigen website!
Tag-overzicht
Een lijst van onderwerpen die in deze cursus aan bod zijn gekomen en
wat korte voorbeelden. Handig om te gebruiken als je even niet meer
weet hoe het ook weer ging .....
Tekst
 |
Maak tekst vet <b>xxxxx</b> |
 |
Maak cursief <i>xxxxx</i> |
 |
Onderstrepen <u>xxxxx</u> |
 |
Monospaced font
<tt>xxxxx</tt> |
 |
Wijzig font grootte (grootten:1-7) <font size=5>xxxxx</font> |
 |
Wijzig het lettertype (face) <font face="Impact">xxxxx</font> |
 |
wijzig de tekst kleur <font color="#0000FF">
xxxxx</font> |
|
 |
Achtergrond kleuren <body bgcolor="#xxxxxx"> |
 |
Harde return <br> |
 |
Lege regel <p> |
 |
Spatie code (speciaal teken voor een spatie) |
 |
Een heleboel speciale tekens |
 |
Meerdere lege regels <br><br><br><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 webpagina opslaan |
 |
Plaatjes invoegen <img src="xxxxx.gif"> |
 |
Bestandslocaties (src) nader uitgelegd |
|
 |
Een link maken van een plaatje <a href="http://xxxxx"><img src="xxxxx.gif"></A> |
 |
Het blauwe kader om een link verwijderen <a href="http://xxxxx"> <img src="xxxxx.gif"border=O></A> |
 |
Over afmetingen van plaatjes |
 |
Thumbnails gebruiken |
 |
Lijnen maken van een 4x4 punt |
|
Links
 |
Een link toevoegen <a href="http://xxxxx">abcdefg</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> |
|
Opmaakfuncties
 |
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) |
 |
Een heleboel speciale tekens |
 |
Centreren <center>xxxxx</center> |
 |
Meerdere lege regels <BR><BR><BR><BR> |
 |
Over scherm resoluties |
 |
Opmerkingen <!--Dit is een opmerking--> |
 |
Document opslaan als html document |
 |
Een plaatje van een pagina opslaan |
|
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 |
|
 |
De witruimte tussen kader en inhoud <table cellpadding=xx> |
 |
De witruimte tussen cellem onderling regelen <table cellspacing=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 |
|
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 |
 |
Resolutie perikelen |
 |
Plaatjes in frames gebruiken |
|
 |
Plaatjes in een venster passen |
 |
Schuifbalken manipuleren <frame scrolling=xx> |
 |
Marges aanpassen <frame marginwidth=x marginheight=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
|
 |
Een voorbeeld van slecht gebruik van frames |
 |
Een voorbeeld om te oefenen |
|
EINDE