HTML elementen

Code:

<a></a>

Attributen:: name=naam; href=url; target=vensternaam | _blank | _parent | _self | _top; methods=http-method; rel="stylesheet"; rev="stylesheet"; datafld=colnaam; datasrc=#ID; accesskey=alfanummeriek; tabindex=getal

Code:

Daar gaat je <a href="http://prutswerk.250free.com/freaks_01/120.jpg" accesskey="a" target="_blank">lunch</a>.

Document Object Model

<abr></abr>

Code:

<abr>SMB</abr> staat voor suck my balls.

Document Object Model

<acronym></acronym>

Code:

En toen riep ik <acronym>OMGWTFBBQRTFM</acronym>!!!

Document Object Model

<address></address>

Code:

Ik woon op <address>TBS kliniek, Veldzicht</address>

Opmerking:: Block element

Document Object Model

<applet></applet>

Attributen:: alt=text; code=bestandsnaam; codebase=url; name=naam; src=url; datafld=colnaam; datasrc=#ID; align=absbottom | absmiddle | baseline | bottom | left | middle | right | texttop | top; height=px of %; width=px of %; hspace=px of %; vspace=px of %

Code:

<applet>Java</applet>

Opmerking:: Block element

Document Object Model

<area>

Attributen:: alt=text; shape=circ | circle| poly | polygon | rect | rectangle; coords=coordinaten in cijfers; nohref; href=url; target=vensternaam | _blank | _parent | _self | _top; tabindex=getal

Code:

<img src="http://prutswerk.250free.com/freaks_01/030_7ab588a3dedd55f1a8397bdac1212896.jpg" usemap="#gebied" alt="klik op 1 van mijn ogen"> <map name="gebied"> <area shape="rect" coords="80,130,120,150" href="http://google.com" target="_blank"> <area shape="rect" coords="170,130,200,160" href="http://exalead.com" target="_blank"> </map>

Document Object Model

<b></b>

Code:

Nu gaat er een <b>lampje</b> bij me rinkelen.

Document Object Model

<base>

Attributen:: href=url; target=vensternaam | _blank | _parent | _self | _top

Code:

<base href="http://allyourbasearebelongtous.com">

Opmerking:: Alleen te gebruiken in de HEADER !

Document Object Model

<basefont>

Attributen:: color=kleur; face=font; size=getal

Code:

<basefont size=12 color="red">

Opmerking:: Te gebruiken in de HEADER. (voor text in ieder geval)

Document Object Model

<bgsound>

Attributen:: src=url; balance=getal; loop=getal; volume=getal

Code:

<bgsound src="http://jantjesmit.com/herrie/IkZuigEnorm.wav" balance=-5000 volume=-10000>

Opmerking:: Bij voorkeur in de HEADER.

Document Object Model

<big></big>

Code:

Het geslachtsdeel werd <big>groot</big> ineens.

Document Object Model

<blockquote></blockquote>

Code:

Er stond in de krant: <blockquote>"Hij was opslag halfdood."</blockquote>

Opmerking:: Block element.

Document Object Model

<body></body>

Attributen:: background=url; bgcolor=kleur; bgproperties=fixed; scroll=yes|no; left|right|top|bottommargin=px; text=kleur; link=kleur; alink=kleur; vlink=kleur

Code:

<body background="http://adonis.com/fotovanmij.jpg" bgcolor="white">en dit is mijn lichaam...</body>

Opmerking:: Block element

Document Object Model

<br>

Attributen:: clear=all | left | right

Code:

Wat je zegt:<br clear="all">Je moeder...

Document Object Model

<button></button>

Attributen:: accesskey=alfanummeriek; datafld=colnaam; datasrc=#ID; dataformatas=html | text; disabled; type=button | reset | submit

Code:

<form action="http://prutswerk.250free.com/freaks_01/264_6a34f6ae0c1ba35d6693bb74d903efa1.jpg" target="_blank"> <button type="submit">Naaktfoto van je zus plempen</button> </form>

Opmerking:: Kind van FORM; Nest geen SELECT,BUTTON,INPUT of A in de BUTTON element.; Block element.

Document Object Model

<caption></caption>

Attributen:: align=center | left | right | top | bottom; valign=top | bottom

Code:

<table summary="voorbeeld" border=1> <caption valign="top">Taliban statistieken</caption> <tr> <td>Onthoofdingen <td>200 </tr> <tr> <td>Martelingen <td>79 </tr> </table>

Opmerking:: Kind van TABLE.; Block element.

Document Object Model

<center></center>

Code:

<center>ego</center>

Opmerking:: Block element.

Document Object Model

<cite></cite>

Code:

Maarten jochem Koning zei: <cite>"Ik had een droom".</cite>

Document Object Model

<code></code>

Code:

Hier een voorbeeld:<code> 10 PRINT "hallo": 20 GOTO 10:</code>

Document Object Model

<col>

Attributen:: align=center | left | right; valign=baseline | middle | top | bottom; span=getal; width=getal

Code:

<table width=400 border=1> <colgroup> <col align="left"> <col align="right"> <col align="center"> <tbody> <tr> <td>links.</td> <td>rechts.</td> <td>midden.</td> </tr> </table>

Opmerking:: Kind van TABLE en broertje van COLGROUP.; Block element.

Document Object Model

<colgroup>

Attributen:: align=center | left | right; valign=baseline | middle | top | bottom; span=getal; width=getal

Code:

<table border=1> <colgroup width=150> <col align="left"> <col align="right"> <col align="center"> <tbody> <tr> <td>links.</td> <td>rechts.</td> <td>midden.</td> </tr> </table>

Opmerking:: Kind van TABLE en broer van COL..

Document Object Model

<dd>

Code:

<dl> <dt>Taliban boodschappen lijst <dd>Messenslijper <dd>Burka <dd>Dynamiet </dl>

Opmerking:: Kind van DL en broer van DT; Block element.

Document Object Model

<del></del>

Code:

<del>Benny Neyman is bezig met zijn nieuwe singel</del>

Document Object Model

<dfn></dfn>

Code:

Een computer <dfn>maakt heel snelle en heel accurate</dfn> fouten.

Document Object Model

<dir></dir>

Code:

Attilla de Hun te doen lijstje <dir> <li>Verkrachten. <li>Moorden. <li>In de brand steken. </dir>

Opmerking:: Moeder van LI.; Block element.

Document Object Model

<div></div>

Attributen:: align=center | left | right; datafld=colnaam; datasrc=#ID; dataformatas=html | text

Code:

Nog zo iets <div>Bewaar je geld, wie weet wordt het wat waard.</div> Je weet toch...

Opmerking:: Block element.

Document Object Model

<dl></dl>

Attributen:: compact

Code:

<dl> <dt>Dieet regel nr.1 : <dd>Eet nooit meer dan je kunt tillen. </dl>

Opmerking:: Moeder van DT en DD.; Block element.

Document Object Model

<dt>

Code:

<dl> <dt>Wonderen bestaan nog...probeer: <dd>Omkoping <dd>Dreigementen </dl>

Opmerking:: Kind van DL en broer van DD.; Block element.

Document Object Model

<em></em>

Code:

Dat <em>helpt</em> geen nut.

Document Object Model

<embed></embed>

Attributen:: align=absbottom | absmiddle | baseline | texttop | middle | left | right | top | bottom; alt=text; code=bestandsnaam; codebase=url; name=naam; src=url; units=px of em; height=px of %; width=px of %; hspace=px of %; vspace=px of %

Code:

<object width="425" height="355"> <param name="movie" value="http://www.youtube.com/v/c4sN6LPSblk&rel=1"></param> <param name="wmode" value="transparent"></param> <embed src="http://www.youtube.com/v/c4sN6LPSblk&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed> </object>

Opmerking:: Goede vriend van OBJECT.; Block element.

Document Object Model

<fieldset></fieldset>

Attributen:: align=center | left | right

Code:

<fieldset>Ik heb een leuke jas op de kip getokt.</fieldset>

Opmerking:: Moeder van LEGEND.

Document Object Model

<font></font>

Attributen:: color=kleur; face=fontnaam; size=1 t/m 7

Code:

<font color="blue" face="arial">Het is niet alles koek en ei wat er blinkt.</font>

Document Object Model

<form></form>

Attributen:: action=url; enctype=encoding; method=get | post; name=naam; target=vensternaam | _blank | _parent | _self | _top

Code:

<form target="_blank" action="http://www.google.nl/"> <input type="submit" value="Google"> </form>

Opmerking:: Block element.

Document Object Model

<frame>

Attributen:: src=url; name=vensternaam | _blank | _parent | _self | _top; datafld=colnaam; datasrc=#ID; bordercolor=kleur; frameborder=yes | no | 1 | 0; noresize=noresize | resize; scrolling=auto | yes | no; height=px of %; width=px of %; marginheight=px; marginwidth=px

Code:

<frame src="hoofdpagina.htm" frameborder=0>

Opmerking:: Kind van FRAMESET en tegenhanger van NOFRAMES; Block element.

Document Object Model

<frameset></frameset>

Attributen:: cols=px/% door komma's gescheiden; rows=px/% door komma's gescheiden; border=px; bordercolor=kleur; frameborder=yes | no | 1 | 0; framespacing=px

Code:

<frameset cols="25%, 50%, *"> <frame src="hoofdpagina.htm" frameborder=0></frame> <frame src="menupagina.htm" frameborder=0></frame> </frameset>

Opmerking:: Moeder van FRAME en NOFRAMES; Block element.

Document Object Model

<head></head>

Code:

<head> <title>Mijn naaktfoto's</title> </head>

Opmerking:: Moeder van TITLE, META, STYLE, SCRIPT, LINK; Block element.

Document Object Model

<h1-6></h1-6>

Attributen:: align=center | left | right

Code:

<h1>Je imiteert me mateloos.</h1> <h3>Je imiteert me mateloos.</h3> <h6>Je imiteert me mateloos.</h6>

Opmerking:: Block element.

Document Object Model

<hr>

Attributen:: align=center | left | right; color=kleur; size=px; width=px of %; noshade

Code:

<hr align="center" noshade>

Opmerking:: Block element.

Document Object Model

<html></html>

Code:

<html>Hier je hele webpagina gebeuren</html>

Document Object Model

<i></i>

Code:

Daar krijg je <i>stierballen</i> van.

Document Object Model

<iframe></iframe>

Attributen:: src=url; name=vensternaam | _blank | _parent | _self | _top; datafld=colnaam; datasrc=#ID; align=absbottom | absmiddle | baseline | texttop | middle | left | right | top | bottom; border=px; bordercolor=kleur; frameborder=yes | no | 1 | 0; framespacing=px; noresize=noresize | resize; scrolling=auto | yes | no; height=px of %; width=px of %; hspace=px of %; vspace=px of %; marginheight=px; marginwidth=px

Code:

<iframe src="http://google.com" scrolling="auto"></iframe>

Opmerking:: Block element.

Document Object Model

<img>

Attributen:: alt=text; src=url; dynsrc=url; lowsrc=url; name=naam; datafld=colnaam; datasrc=#ID; usemap=url; ismapgetal; loop; align=absbottom | absmiddle | baseline | texttop | middle | left | right | top | bottom; border=px; height=px of %; width=px of %; hspace=px of %; vspace=px of %

Code:

<img src="http://prutswerk.250free.com/freaks_01/169-walmart.jpg">

Document Object Model

<input>

Attributen:: alt=text; src=url; dynsrc=url; lowsrc=url; name=naam; accesskey=alfanummeriek; align=left | center | right; disabled; maxlength=getal; readonly; size=px; tabindex=getal; type=button | checkbox | file | hidden | image | password | radio | reset | submit | text; value=waarde

Code:

<input align="center" scrolling="no" value="je moeder!">

Opmerking:: Hele grote maat van FORM; Block element.

Document Object Model

<ins></ins>

Code:

Deze text is <ins>herzien.</ins>

Document Object Model

<kbd></kbd>

Code:

<kbd>Dat is geen <kbd>vraag</kbd> op mijn <kbd>antwoord.</kbd>

Document Object Model

<label></label>

Attributen:: align=bottom | center | left | right | top; valign=bottom | top

Code:

<label>Buren slapen blijkbaar nooit.</label>

Opmerking:: Labels kunnen niet genest worden.

Document Object Model

<legend></legend>

Attributen:: align=bottom | center | left | right | top; valign=bottom | top

Code:

<legend>Zelf paranoids hebben vijanden.</legend>

Opmerking:: Kind van FIELDSET; Block element.

Document Object Model

<li>

Attributen:: type=1 | a | A | i | I

Code:

<ol>Tip voor Attilla de Hun: <li>Verkrachten <li>Plunderen <li>In de fik steken <li>in die volgorde </ol>

Opmerking:: Kind van DIR, MENU,OL en UL; Block element.

Document Object Model

<link></link>

Attributen:: disabled; href=url; media=screen | print | all; rel="stylesheet"; type="text/css"

Code:

<link>rel=stylesheet href="styles.css" type="text/css"</link>

Opmerking:: Alleen in de HEADER

Document Object Model

<map></map>

Attributen:: name=naam

Code:

<img src="http://prutswerk.250free.com/freaks_01/030_7ab588a3dedd55f1a8397bdac1212896.jpg" usemap="#gebied" alt="klik op 1 van mijn ogen"> <map name="gebied"> <area shape="rect" coords="80,130,120,150" href="http://google.com" target="_blank"> <area shape="rect" coords="170,130,200,160" href="http://exalead.com" target="_blank"> </map>

Document Object Model

<menu></menu>

Code:

<menu>Ja lekker happies <li>Eerst soep <li>dan vaste brokjes <li>en dan vla </menu>

Opmerking:: Moeder van LI; Block element

Document Object Model

<meta>

Attributen:: content=omschrijving; http-equiv=response; name=text; url=url

Code:

<meta http-equiv="content-type" content="text/html; charset=windows-1251">

Opmerking:: Moeder van HEAD; Block element

Document Object Model

<nobr>

Code:

<nobr>Gevolgd door een hele lange regel wat niet gebroken mag worden tijdens het resizen van venster

Document Object Model

<noframes></noframes>

Code:

<noframes>Internet explorer 3.0 nodig</noframes>

Opmerking:: Kind van FRAMESET en tegenhanger vanFRAME.; Block element.

Document Object Model

<noscript></noscript>

Code:

<noscript></noscript>

Opmerking:: Block element.

Document Object Model

<object></object>

Attributen:: accesskey=alfanummeriek; align=absbottom | absmiddle | baseline | bottom | left | middle | right | texttop | top; classid=id; code=url; codebase=url; codetype=media-type; type=mime-type; data=url; datafld=colnaam; datasrc=#id; tabindex=getal; height=px of %; width=px of %

Code:

<object width="425" height="355"> <param name="movie" value="http://www.youtube.com/v/c4sN6LPSblk&rel=1"></param> <param name="wmode" value="transparent"></param> <embed src="http://www.youtube.com/v/c4sN6LPSblk&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed> </object>

Opmerking:: Objecten mogen gesubmit worden in FORM.; Vriend van EMBED.; Block element.

Document Object Model

<ol></ol>

Attributen:: type=1 | a | A | i | I; start=getal

Code:

<ol type="I">Taliban boodschappen lijst <li>Messenslijper <li>Burka <li>Dynamiet </ol>

Opmerking:: Moeder van LI.; Block element.

Document Object Model

<option>

Attributen:: selected; value=getal

Code:

<select> <option>Nummer 1 <option>Nummer 2 </select>

Opmerking:: Kind van SELECT.; Block element.

Document Object Model

<p></p>

Attributen:: align=center | left | right

Code:

<p>In alles zit humor, als je ziek genoeg bent.</p>

Opmerking:: Block element.

Document Object Model

<param></param>

Attributen:: datafld=colnaam; dataformatas=html | text; datasrc=#id; name=naam; value=getal

Code:

<object width="425" height="355"> <param name="movie" value="http://www.youtube.com/v/c4sN6LPSblk&rel=1"></param> <param name="wmode" value="transparent"></param> <embed src="http://www.youtube.com/v/c4sN6LPSblk&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed> </object>

Opmerking:: Kind van APPLET, EMBED, OBJECT.

Document Object Model

<pre></pre>

Code:

<pre>Wijs zijn is gemakkelijk, denk dom en zeg dan het tegenovergestelde.</pre>

Opmerking:: Block element.

Document Object Model

<q></q>

Code:

Er is altijd <q>gratis kaas</q> in een muizeval.

Document Object Model

<s></s>

Code:

Nostalgie is <s>niet meer</s> wat het was.

Document Object Model

<samp></samp>

Code:

Niet bijgelovig zijn, <samp>dat brengt ongeluk.</samp>

Document Object Model

<script></script>

Attributen:: defer; event=eventnaam; for=element; src=url; type=mime-type

Code:

<script>alert('DOE JE GULP DICHT!');</script>

Opmerking:: Block element.

Document Object Model

<select></select>

Attributen:: accesskey=alfanummeriek; align=absbottom | absmiddle | baseline | bottom | left | middle | right | texttop | top; name=naam; datafld=colnaam; datasrc=#id; disabled; multiple; size=getal; tabindex=getal

Code:

<select> <option>Nummer 1 <option>Nummer 2 </select>

Opmerking:: Moeder van OPTION.

Document Object Model

<small></small>

Code:

wat is die <small>klein</small> van jou.

Document Object Model

<span></span>

Attributen:: datafld=colnaam; datasrc=#id; dataformatas=html | text

Code:

<span>Span</span> je niet swa

Document Object Model

<strike></strike>

Code:

Zeg maar <strike>niets</strike> meer...

Document Object Model

<strong></strong>

Code:

Nog een <strong>sterk</strong> verhaal

Document Object Model

<style></style>

Attributen:: disabled; media=screen | print | all; type="text/css"

Code:

<style> body {background: white; color: black} h1 {font: 8pt arial bold} </style>

Document Object Model

<sub></sub>

Code:

Naar <sub>benee</sub>

Document Object Model

<sup></sup>

Code:

Naar <sup>boven</sup>

Document Object Model

<table></table>

Attributen:: align=center | left | right; background=url; bgcolor=kleur; border=px; bordercolor=kleur; bordercolordark=kleur; bordercolorlight=kleur; rules=all | cols | groups | none | rows; cellpadding=px; cellspacing=px; cols=getal; datapagesize=getal; datasrc=#id; frame=above | below | border | box | insides | lhs | rhs | void | vsides; height=px of %; width=px of %

Code:

<table summary="voorbeeld" border=1> <caption valign="top">Taliban statistieken</caption> <tr> <td>Onthoofdingen <td>200 </tr> <tr> <td>Martelingen <td>79 </tr> </table>

Opmerking:: Moeder van TD, TR, TH, CAPTION , THEAD, TBODY, TFOOT, COLGROUP, COL; Block element.

Document Object Model

<tbody>

Attributen:: align=center | left | right; bgcolor=kleur; valign=baseline | bottom | center | top

Code:

<table summary="voorbeeld" border=1> <tbody valign="top">Taliban statistieken <tr> <td>Onthoofdingen <td>200 </tr> <tr> <td>Martelingen <td>79 </tr> </body> </table>

Opmerking:: Kind van TABLE, Moeder van TD, TR, TH, Broer van THEAD,TFOOT; Block element.

Document Object Model

<td></td>

Attributen:: bgcolor=kleur; bordercolor=kleur; bordercolordark=kleur; bordercolorlight=kleur; colspan=getal; rowspan=getal; nowrap; align=center | left | right; valign=baseline | bottom | center | top

Code:

<table summary="voorbeeld" border=1> <tr> <td>Aantal vrienden <td>0 </tr> </table>

Opmerking:: Kind van TABLE, TR, TH, THEAD,TFOOT; Block element.

Document Object Model

<textarea></textarea>

Attributen:: align=absbottom | absmiddle | baseline | bottom | left | middle | right | texttop | top; cols=getal; rows=getal; name=naam; datafld=colnaam; datasrc=#id; disabled; readonly; accesskey=alfanummeriek; tabindex=getal; wrap=off | physical | virtual

Code:

<textarea rows=5> Kijk eens, een plemp je tekst ruimte. </textarea>

Document Object Model

<tfoot>

Attributen:: bgcolor=kleur; align=center | left | right; valign=baseline | bottom | center | top

Code:

<table summary="voorbeeld" border=1> <tr> <td>Onthoofdingen <td>200 </tr> <tr> <td>Martelingen <td>79 </tr> <tfoot>Taliban lijstje </table>

Opmerking:: Kind van TABLE, Moeder van TD, TR, TH, Broer van THEAD,TBODY; Block element.

Document Object Model

<th></th>

Attributen:: bgcolor=kleur; bordercolor=kleur; bordercolordark=kleur; bordercolorlight=kleur; colspan=getal; rowspan=getal; nowrap; align=center | left | right; valign=baseline | bottom | center | top

Code:

<table summary="voorbeeld" border=1> <th>Statistieken Taliban</th> <tr> <td>Onthoofdingen <td>200 </tr> <tr> <td>Aanslagen <td>5 </tr> </table>

Opmerking:: Kind van TABLE, Broer van TR, Moeder van TD.; Block element.

Document Object Model

<thead>

Attributen:: bgcolor=kleur; align=center | left | right; valign=baseline | bottom | center | top

Code:

<table summary="voorbeeld" border=1> <thead>Statistieken Taliban <tr> <td>Onthoofdingen <td>200 </tr> <tr> <td>Aanslagen <td>5 </tr> </table>

Opmerking:: Kind van TABLE, Moeder van TD, TR, TH, Broer van TFOOT,TBODY; Block element.

Document Object Model

<title></title>

Code:

<title>Mijn website</title>

Opmerking:: Kind van HEAD.; Block element.

Document Object Model

<tr></tr>

Attributen:: bgcolor=kleur; bordercolor=kleur; bordercolordark=kleur; bordercolorlight=kleur; align=center | left | right; valign=baseline | bottom | center | top

Code:

<table summary="voorbeeld" border=1> <tr> <td>Onthoofdingen <td>200 </tr> </table>