Bijlage 1 HTML codes
Basis HTML |
||
Omschrijving |
HTML-code |
Opmerkingen |
Documenttype |
<html></html> |
(begin en eind van het bestand) |
Kopgedeelte |
<head></head> |
(verplicht in de kopregels) |
Titel |
<title></title> |
(beschrijvende info, zoals de titel) |
Inhoud |
<body></body> |
(hier tussen komt de eigenlijke pagina) |
Structurele opmaak |
||
Omschrijving |
HTML-code |
Opmerkingen |
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> |
|
Pagina indeling |
||
Omschrijving |
HTML-code |
Opmerkingen |
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) |
Lijsten |
||
Omschrijving |
HTML-code |
Opmerkingen |
Ongenummerde lijst |
<ul><li></li></ul> |
(<li> v??r elk element) |
Compacte lijst |
<ul compact></ul> |
|
Soort teken |
<ul type="disc|circle|square"> |
(voor de hele lijst) |
Soort teken |
<li type="disc|circle|square"> |
(deze & volgende) |
Genummerde lijst |
<ol><li></li></ol> |
(<li>v??r elk element) |
Compact |
<ol compact></ol> |
|
Soort nummering |
<ol type="A|a|I|i|1"> |
(voor de hele lijst) |
Soort nummering |
<li type="A|a|I|i|1"> |
(deze & volgende) |
Eerste nummer |
<ol start="?"> |
(voor de hele lijst) |
Eerste nummer |
<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> |
|
Achtergrondkleuren |
||
Omschrijving |
HTML-code |
Opmerkingen |
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.) |
Formulieren |
||
Omschrijving |
HTML-code |
Opmerkingen |
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 |
<opton> |
(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> |
|
Tabellen |
||
Omschrijving |
HTML-code |
Opmerkingen |
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) |
Tabelrij |
<tr></tr> |
|
Uitlijning |
<tr align = "left | right | center | middle | bottom"> |
|
Tabelcel |
<td></td> |
(moet binnen een tabelrij vallen) |
Uitlijning |
<td align = "left | right | center | middle | bottom"> |
|
Regels niet afbreken |
<td nowrap> |
|
Aantal kolommen |
<td colspan = "?"> |
|
Aantal rijen |
<td colspan = "?"> |
|
Gewenste breedte |
<td width = "?"> |
(in pixels) |
Breedte % |
<td width = "%"> |
(percentage van tabel) |
Celkleur |
<td bgcolor = "#$$$$$$"> |
|
Tabelkop |
<th></th> |
(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) |
Kaders |
||
Omschrijving |
HTML-code |
Opmerkingen |
Document met kader |
<frameset></frameset> |
(in plaats van <body>) |
Rijhoogtes |
<frameset rows = "?","?","?"></frameset> |
(3 rijen in pixels of %) |
Kolombreedtes |
<frameset rows = "150","?","?"></frameset> |
(eerste rij vast, tweede relatief) |
Kolombreedtes |
<frameset cols = "?","?","?"></frameset> |
(3 kolommen in pixels of %) |
Kolombreedtes |
<frameset cols = "150","?","?"></frameset> |
(eerste kolom vast, tweede relatief) |
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 + kaderplaats |
<frame name = "***" target = "| _blank | _self | _parent | _top"> |
kadernaam en plaats waar frame wordt geplaatst |
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 zonder kaderondersteuning) |
Java |
||
Omschrijving |
HTML-code |
Opmerkingen |
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) |
Overige codes |
||
Omschrijving |
HTML-code |
Opmerkingen |
Commentaar |
<!-- *** --> |
(wordt niet getoond door de browser) |
Doorzoekbaar |
<isindex> |
(geeft een doorzoekbare index aan) |
Prompt |
<isindex prompt = "***"> |
(tekst waarmee om invoer gevraagd wordt) |
Zend zoekopdracht |
<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-informatie |
<meta> |
(moet in kopgedeelte) |
Stijlen |
<style></style> |
(tussen de <style> tags kan opmaak staan) |
Scripts |
<script></script> |
(nog niet algemeen ondersteund) |