HTML KORT EN KRACHTIG

Dit document geeft u een overzicht van de belangrijkste HTML tages.
Deze HTML tags heeft u nodig om opmaak en layout toe te voegen aan uw teksten.
HTML tags zijn opmaakcodes die u 'om' de op te maken tekst plaats. Dat ziet er bijna altijd zo uit:

<code optie=waarde>de tekst zelf</code>

Hieronder vindt u een overzicht van de belangrijkste codes. In de praktijk zult u vooral te maken krijgen met de mogelijkheden in dit eerste blokje:
OPMAAK 
  Een kopje  <H?></H?> 
Bijvoorbeeld:<H3>kop3</H3> (het getal dat u invult bij '?' loopt van 1 tot 6, waarbij h1 het grootste kopje is en h6 het kleinste) 
  Tekstblok uitlijnen  <DIV ALIGN=LEFT|RIGHT|CENTER></DIV> 
Bijvoorbeeld: <DIV ALIGN=RIGHT>rechts uitlijnen</DIV>
  inspringend blok  <BLOCKQUOTE></BLOCKQUOTE> 
  Nadruk  <EM></EM> 
(gewoonlijk getoond als cursief) 
  Sterke nadruk <STRONG></STRONG> 
(gewoonlijk getoond als vet) 
  Vet  <B></B> 
  Cursief  <I></I> 
  Subscript  <SUB></SUB> 
  Superscript  <SUP></SUP> 
  Behoud opmaak  <PRE></PRE> 
(toont spatiëring zoals die is, vooral handig om tabjes en kolommen te simuleren) 
  Lettergrootte  <FONT SIZE=?></FONT> 
(loopt van 1-7) 
LINKS EN PLAATJES  
  Link  <A HREF="URL"></A> 
  Bijvoorbeeld: <A HREF="http://www.intralect.nl">IntraLect</A> 
IntraLect
  Doelvenster (in frame) <A HREF="URL" TARGET="***"></A> 
  Link naar e-mail-adres <A HREF="mailto:@"></A> 
  Toon plaatje <IMG SRC="URL"> 
  Uitlijning plaatje <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> 
  Alternatieve tekst <IMG SRC="URL" ALT="***"> 
(tekst verschijnt als het plaatje niet getoond wordt en als 'geeltje' bij een plaatje) 
  Afmetingen plaatje  <IMG SRC="URL" WIDTH=? HEIGHT=?> 
(in pixels) 
  Rand  <IMG SRC="URL" BORDER=?> 
(wordt alleen getoond als plaatje ook link is, staat bij voorkeur op 0) 
PAGINA-INDELING  
  Alinea  <P></P> 
(afsluitende  tag vaak niet nodig) 
  Regel afbreken <BR> 
(één enkele return) 
N1  Niet afbreken <NOBR></NOBR> 
(voorkomt afbreken regel) 
N1  Hier afbreken  <WBR> 
(bij dit woord afbreken indien nodig.) 
  Horizontale lijn <HR> 
  Massieve lijnd <HR NOSHADE> 
(zonder driedimensionaal uiterlijk) 
LIJSTEN  
  Ongenummerde lijst <UL><LI></UL> 
(LI vóór elk element) 
  Genummerde lijst  <OL><LI></OL> 
(LI vóór elk element) 
  Definitielijst <DL><DT><DD></DL> 
(<DT>=term, <DD>=definitie) 
  Menulijst <MENU><LI></MENU> 
(LI vóór elk element) 
SPECIALE TEKENS  
  ä , ë , ï , ö , ü &auml; &euml; &iuml; &ouml; &uuml; 
  á , é, í , ó, ú &aacute; , &eacute; , &iacute; , &oacute; , &uacute;
  <  &lt; 
  >  &gt; 
  &  &amp; 
  "  &quot; 
  Geregistreerd handelsmerk (®) &reg; 
  Copyright (©)  &copy; 
  Vaste spatie  &nbsp; 
  Euro teken (€)  &euro; 
  (Complete lijst op http://www.uni-passau.de/~ramsch/iso8859-1.html) 

VOOR GEVORDERDEN  
FORMULIEREN  
  Definieer formulier <FORM ACTION="URL" METHOD=GET|POST></FORM> 
4.0*  Zend bestand <FORM ENCTYPE="multipart/form-data"></FORM> 
  Input-veld <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|  
FILE|BUTTON|IMAGE|HIDDEN|SUBMIT|RESET"> 
  Veldnaam <INPUT NAME="***"> 
  Veldwaarde <INPUT VALUE="***"> 
  Aangekruist  <INPUT CHECKED>  (voor hokjes en rondjes) 
  Veldgrootte <INPUT SIZE=?>  (in aantal tekens) 
  Maximale lengte  <INPUT MAXLENGTH=?>  (in aantal tekens) 
4.0  Knop <BUTTON></BUTTON> 
4.0  Knopnaam <BUTTON NAME="***"></BUTTON> 
4.0  Soort knop <BUTTON TYPE="SUBMIT|RESET|BUTTON"></BUTTON> 
4.0  Standaardwaarde  <BUTTON VALUE="***"></BUTTON> 
4.0  Etiket <LABEL></LABEL> 
4.0  Etiketteren voor <LABEL FOR="***"></LABEL> 
  Keuzelijst <SELECT></SELECT> 
  Naam van lijst <SELECT NAME="***"></SELECT> 
  Aantal keuzemogelijkheden <SELECT SIZE=?></SELECT> 
  Mervoudige keuze <SELECT MULTIPLE>  (kiezen van meer dan een optie mogelijk) 
  Keuzemogelijkheid <OPTION>  (dingen die geselecteerd kunnen worden) 
  Standaardkeuze <OPTION SELECTED> 
  Keuzewaarde <OPTION VALUE="***"> 
4.0  Keuzegroep <OPTGROUP LABEL="***"></OPTGROUP> 
  Input-venster (» 1 regel) <TEXTAREA ROWS=? COLS=?></TEXTAREA> 
  Naam <TEXTAREA NAME="***"></TEXTAREA> 
TABELLEN  
  DefinieerTabe l <TABLE></TABLE> 
4.0*  Tabel uitlijnen  <TABLE ALIGN=LEFT|RIGHT|CENTER> 
  Tabelrand <TABLE BORDER></TABLE>  (aan of uit) 
  Tabelrand <TABLE BORDER=?></TABLE>  (waarde kan bepaald worden) 
  Afstand tussen de cellen  <TABLE CELLSPACING=?> 
  Vrije ruimte binnen celrand <TABLE CELLPADDING=?> 
  Gewenste breedte <TABLE WIDTH=?>  (in pixels) 
  Breedte als percentage <TABLE WIDTH=%>  (percentage van pagina) 
4.0*  Achtergrondkleur tabel <TABLE BGCOLOR="$$$$$$"></TABLE> 
4.0  Zichtbaarheid tabelrand <TABLE FRAME=VOID|ABOVE|BELOW|HSIDES|LHS|RHS|  
VSIDES|BOX|BORDER></TABLE> 
4.0  Lijnen tussen de cellen <TABLE RULES=NONE|GROUPS|ROWS|COLS|ALL></TABLE> 
MS  Randkleur <TABLE BORDERCOLOR="$$$$$$"></TABLE> 
MS  Donkere rand  <TABLE BORDERCOLORDARK="$$$$$$"></TABLE> 
MS  Lichte rand <TABLE BORDERCOLORLIGHT="$$$$$$"></TABLE> 
  Rij <TR></TR> 
  Uitlijning <TR ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM> 
  Cel <TD></TD>  (moet binnen een rij vallen) 
  Uitlijning  <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 
  Regels niet afbreken <TD NOWRAP> 
  Overspanning in kolommen  <TD COLSPAN=?> 
  Overspanning in rijen <TD ROWSPAN=?> 
4.0*  Gewenste breedte <TD WIDTH=?>  (in pixels) 
N3  Breedte als percentage <TD WIDTH="%">  (percentage van tabel) 
4.0*  Celkleur <TD BGCOLOR="#$$$$$$"> 
  Rij- of kolomkop  <TH></TH>  (zelfde als gewone cel, maar vet en gecentreerd) 
  Uitlijning <TH ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM> 
  Regels niet afbreken  <TH NOWRAP> 
  Overspanning in kolommen <TH COLSPAN=?> 
  Overspanning in rijen <TH ROWSPAN=?> 
4.0*  Gewenste breedte <TH WIDTH=?>  (in pixels) 
N3  Breedte als percentage <TH WIDTH="%">  (percentage van tabel) 
4.0*  Celkleur <TH BGCOLOR="#$$$$$$"> 
  Uitlijning <CAPTION ALIGN=TOP|BOTTOM|LEFT|RIGHT> 
4.0  Kolom <COL></COL>  (groepeert kolomeigenschappen) 
4.0  Aantal overspannen kolommen  <COL SPAN=?></COL> 
4.0  Kolombreedte <COL WIDTH=?></COL> 
4.0  Kolombreedte als percentage <COL WIDTH="%"></COL> 

HTML KORT EN KRACHTIG

vrij naar Kevin Werbach 

Het volledige origineel van dit document is beschikbaar op http://werbach.com/barebones/