|
|
Hier onder informatie over HTML
|
|
||
|
|
||
| Een html document moet minimaal uit de volgende
codes bestaan, om een pagina als HTML document weer te kunnen geven :
<html>
|
||
|
|
||
|
|
||
|
Documenttype |
<HTML></HTML> |
(begin en eind van het bestand) |
|
Titel |
<TITLE></TITLE> |
(verplicht in de kopregels) |
|
Kopgedeelte |
<HEAD></HEAD> |
(beschrijvende info, zoals de titel) |
|
Inhoud |
<BODY></BODY> |
(hier tussen komt de eigenlijke pagina) |
|
|
||
|
|
||
|
Koppen |
<H?></H?> |
(tot 6 niveaus diep) <h1><h2>------<h6> |
|
Kop uitlijnen |
<H? ALIGN=LEFT|CENTER|RIGHT></H?> |
(bijv: <H1 ALIGN="center">de kop</h1>) |
|
Onderdeel |
<DIV></DIV> |
|
|
Onderdeel uitlijnen |
<DIV ALIGN=LEFT|RIGHT|CENTER></DIV> |
|
|
Blokcitaat |
<BLOCKQUOTE></BLOCKQUOTE> |
(meestal inspringend) |
|
Nadruk |
<EM></EM> |
(meestal getoond als cursief) |
|
Sterke nadruk |
<STRONG></STRONG> |
(meestal getoond als vet) |
|
Citaat |
<CITE></CITE> |
(meestal cursief) |
|
Code |
<CODE></CODE> |
(tekst van computerprogramma) |
|
Voorbeeld-uitvoer |
<SAMP></SAMP> |
|
|
Invoer van toetsenbord |
<KBD></KBD> |
|
|
Variabele |
<VAR></VAR> |
|
|
Definitie |
<DFN></DFN> |
(niet veel gebruikt) |
|
Adres van auteur |
<ADDRESS></ADDRESS> |
|
|
Grote letters |
<BIG></BIG> |
|
|
Kleine letters |
<SMALL></SMALL> |
|
|
|
||
|
|
||
|
Alinea |
<P></P> |
(afsluitende code vaak niet nodig) |
|
Alinea uitlijnen |
<P ALIGN=LEFT|CENTER|RIGHT></P> |
|
|
Naar volgende regel |
<BR> |
(een Enter) |
|
Voorbij plaatje |
<BR CLEAR=LEFT|RIGHT|ALL> |
|
|
Horizontale lijn |
<HR> |
|
|
Positie |
<HR ALIGN=LEFT|RIGHT|CENTER> |
|
|
Dikte |
<HR SIZE="?"> |
(in pixels) |
|
Breedte |
<HR WIDTH="?"> |
(in pixels) |
|
% breedte |
<HR WIDTH="%"> |
(als een percentage van paginabreedte) |
|
Massieve lijn |
<HR NOSHADE> |
(zonder 3-dimensionaal uiterlijk) |
|
Niet afbreken |
<NOBR></NOBR> |
(voorkomt afbreken regel) |
|
Afbreken |
<WBR> |
(hier regel afbreken indien nodig) |
|
|
||
|
|
||
|
Ongenummerde lijst |
<UL><LI></UL> |
(<LI> vóór elk element) |
|
Compacte lijst |
<UL COMPACT></UL> |
|
|
Soort teken |
<UL TYPE=DISC|CIRCLE|SQUARE> |
(voor de hele lijst) |
|
<LI TYPE=DISC|CIRCLE|SQUARE> |
(deze & volgende) |
|
|
Genummerde lijst |
<OL><LI></OL> |
(<LI>vóór elk element) |
|
Compact |
<OL COMPACT></OL> |
|
|
Soort nummering |
<OL TYPE=A|a|I|i|1> |
(voor de hele lijst) |
|
<LI TYPE=A|a|I|i|1> |
(deze & volgende) |
|
|
Eerste nummer |
<OL START=?> |
(voor de hele lijst) |
|
<LI VALUE=?> |
(deze & volgende) |
|
|
Definitie-lijst |
<DL><DT><DD></DL> |
(<DT>=term, <DD>=definitie) |
|
Compact |
<DL COMPACT></DL> |
|
|
Menu-lijst |
<MENU><LI></MENU> |
(<LI> vóór elk element) |
|
Compact |
<MENU COMPACT></MENU> |
|
|
Bestandenlijst |
<DIR><LI></DIR> |
(<LI> vóór elk item) |
|
Compact |
<DIR COMPACT></DIR> |
|
|
|
||
|
|
||
|
Plaatje op achtergrond |
<BODY BACKGROUND="URL"> |
|
|
Achtergrondkleur |
<BODY BGCOLOR="#$$$$$$"> |
(volgorde is rood/groen/blauw) (dit is bijv: goed te zien in PaintShop Pro.) |
|
Tekstkleur |
<BODY TEXT="#$$$$$$"> |
|
|
Kleur link |
<BODY LINK="#$$$$$$"> |
|
|
Kleur bezochte link |
<BODY VLINK="#$$$$$$"> |
|
|
Kleur actieve link |
<BODY ALINK="#$$$$$$"> |
|
|
Kleur hover link |
<BODY HLINK="#$$$$$$"> |
(dit is de kleur van de link als je met de muis aanwijzer over de hyperlink heengaat.) |
|
|
||
|
|
||
|
Definieer formulier |
<FORM ACTION="URL" METHOD=GET|POST></FORM> |
|
|
Zend bestand |
<FORM ENCTYPE="multipart/form-data"></FORM> |
|
|
Input-veld |
<INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET"> |
|
|
Veldnaam |
<INPUT NAME="***"> |
|
|
Waarde veld |
<INPUT VALUE="***"> |
|
|
Aangekruist? |
<INPUT CHECKED> |
(voor hokjes en rondjes) |
|
Veldgrootte |
<INPUT SIZE=?> |
(in aantal tekens) |
|
Maximale lengte |
<INPUT MAXLENGTH=?> |
(in aantal tekens) |
|
Keuzelijst |
<SELECT></SELECT> |
|
|
Lijstnaam |
<SELECT NAME="***"></SELECT> |
|
|
Aantal opties |
<SELECT SIZE=?></SELECT> |
|
|
Meervoudige keuze |
<SELECT MULTIPLE> |
(kiezen van meer dan één mogelijk) |
|
Optie |
<OPTION> |
(dingen die gekozen kunnen worden) |
|
Default optie |
<OPTION SELECTED> |
|
|
Input-venster (> 1 regel) |
<TEXTAREA ROWS=? COLS=?></TEXTAREA> |
|
|
Naam venster |
<TEXTAREA NAME="***"></TEXTAREA> |
|
|
Regels afbreken |
<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA> |
|
|
|
||
|
|
||
|
Definieer tabel |
<TABLE></TABLE> |
|
|
Tabelrand |
<table border=?></TABLE> |
|
|
Celafstand |
<TABLE CELLSPACING=?> |
|
|
Celmarges |
<TABLE CELLPADDING=?> |
|
|
Gewenste breedte |
<TABLE WIDTH=?> |
(in pixels) |
|
Breedte in % |
<TABLE WIDTH="%"> |
(percentage van pagina) |
|
Tabel-rij |
<TR></TR> |
|
|
Uitlijning |
<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> |
|
|
Tabel-cel |
<TD></TD> |
(moet binnen een tabel-rij vallen) |
|
Uitlijning |
<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> |
|
|
Regels niet afbreken |
<TD NOWRAP> |
|
|
Aantal kolommen |
<TD COLSPAN=?> |
|
|
Aantal rijen |
<TD ROWSPAN=?> |
|
|
Gewenste breedte |
<TD WIDTH=?> |
(in pixels) |
|
Breedte % |
<TD WIDTH="%"> |
(percentage van tabel) |
|
Celkleur |
<TD BGCOLOR="#$$$$$$"> |
|
|
Tabelkop |
<TH></TH> |
(net zoals gegevens, maar vet en gecentreerd) |
|
Uitlijning |
<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> |
|
|
Regels niet afbreken |
<TH NOWRAP> |
|
|
Aantal kolommen |
<TH COLSPAN=?> |
|
|
Aantal rijen |
<TH ROWSPAN=?> |
|
|
Gewenste breedte |
<TH WIDTH=?> |
(in pixels) |
|
Breedte in % |
<TH WIDTH="%"> |
(percentage van tabel) |
|
Celkleur |
<TH BGCOLOR="#$$$$$$"> |
|
|
Tabelbijschrift |
<CAPTION></CAPTION> |
|
|
Uitlijning |
<CAPTION ALIGN=TOP|BOTTOM> |
(onder/boven tabel) |
|
|
||
|
|
||
|
Document met kader |
<FRAMESET></FRAMESET> |
(in plaats van <BODY>) |
|
Rijhoogtes |
<FRAMESET ROWS=,,,></FRAMESET> |
(pixels of %) |
|
Rijhoogtes |
<FRAMESET ROWS=*></FRAMESET> |
(* = relatieve grootte) |
|
Kolombreedtes |
<FRAMESET COLS=,,,></FRAMESET> |
(pixels of %) |
|
Kolombreedtes |
<FRAMESET COLS=*></FRAMESET> |
(* = relatieve grootte) |
|
Breedte rand |
<FRAMESET BORDER=?> |
|
|
Randen |
<FRAMESET FRAMEBORDER="yes|no"> |
|
|
Kleur randen |
<FRAMESET BORDERCOLOR="#$$$$$$"> |
|
|
Definieer kader |
<FRAME> |
(inhoud van een afzonderlijk kader) |
|
Toon document |
<FRAME SRC="URL"> |
|
|
Kadernaam |
<FRAME NAME="***"|_blank|_self| _parent|_top> |
|
|
Kantlijnbreedte |
<FRAME MARGINWIDTH=?> |
(linker- en rechterkantlijnen) |
|
Kantlijnhoogte |
<FRAME MARGINHEIGHT=?> |
(onder en boven) |
|
Schuifbalk? |
<FRAME SCROLLING="YES|NO|AUTO"> |
|
|
Vaste afmeting |
<FRAME NORESIZE> |
|
|
Randen |
<FRAME FRAMEBORDER="yes|no"> |
|
|
Kleur randen |
<FRAME BORDERCOLOR="#$$$$$$"> |
|
|
Inhoud zonder kaders |
<NOFRAMES></NOFRAMES> |
(voor browsers die kaders niet ondersteunen) |
|
|
||
|
|
||
|
Applet |
<APPLET></APPLET> |
|
|
Bestandsnaam applet |
<APPLET CODE="***"> |
|
|
Parameters |
<APPLET PARAM NAME="***"> |
|
|
Adres van applet |
<APPLET CODEBASE="URL"> |
|
|
Applet identificator |
<APPLET NAME="***"> |
(voor referenties elders in de pagina) |
|
Alternatieve tekst |
<APPLET ALT="***"> |
(voor browsers die Java niet ondersteunen) |
|
Uitlijning |
<APPLET ALIGN="LEFT|RIGHT|CENTER"> |
|
|
Afmetingen |
<APPLET WIDTH=? HEIGHT=?> |
(in pixels) |
|
Ruimte rond applet |
<APPLET HSPACE=? VSPACE=?> |
(in pixels) |
|
|
||
|
|
||
|
Commentaar |
<!-- *** --> |
(wordt niet getoond door de browser) |
|
HTML 3.2 proloog |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> |
|
|
Doorzoekbaar |
<ISINDEX> |
(geeft een doorzoekbare index aan) |
|
Prompt |
<ISINDEX PROMPT="***"> |
(tekst waarmee om invoer gevraagd wordt) |
|
Zend zoek- opdracht |
<A HREF="URL?***"></a> |
(gebruik een echt vraagteken) |
|
URL van dit bestand |
<BASE HREF="URL"> |
(moet in kopgedeelte) |
|
Standaardnaam window |
<BASE TARGET="***"> |
(moet in kopgedeelte) |
|
Relatie tot andere bestanden |
<LINK REV="***" REL="***" HREF="URL"> |
(moet in kopgedeelte) |
|
Meta-information |
<META> |
(moet in kopgedeelte) |
|
Stijlen |
<STYLE></STYLE> |
(nog niet algemeen ondersteund) (tussen het <style> element kan heel de opmaak van de tekst en pagina staan) |
|
Scripts |
<SCRIPT></SCRIPT> |
(nog niet algemeen ondersteund) |