Homepage → Programmering → Talen → HTML

HTML - Voorbeelden

Inhoud

HTML element < … accesskey=…>
HTML element < … contenteditable=…>
HTML element < … dir=…>
HTML element < … spellcheck=…>
HTML element < … tabindex=…>
HTML element < … title="…">
HTML element <a>
HTML element <abbr>
HTML element <address>
HTML element <area>
HTML element <audio>
HTML element <bdo>
HTML element <blockquote>
HTML element <br>
HTML element <button type=reset>
HTML element <button type=submit>
HTML element <caption>
HTML element <cite>
HTML element <code>
HTML element <col>
HTML element <colgroup>
HTML element <datalist>
HTML element <dd>
HTML element <del>
HTML element <dfn>
HTML element <dl>
HTML element <dt>
HTML element <em>
HTML element <fieldset>
HTML element <figure>
HTML element <figcaption>
HTML element <h1>
HTML element <h2>
HTML element <h3>
HTML element <h4>
HTML element <h5>
HTML element <h6>
HTML element <hr>
HTML element <iframe>
HTML element <img>
HTML element <img alt="…"> met het onbekende bestand
HTML element <img usemap="…">
HTML element <input type=checkbox>
HTML element <input type=color>
HTML element <input type=email>
HTML element <input type=file>
HTML element <input type=hidden>
HTML element <input type=image>
HTML element <input type=number>
HTML element <input type=number step="…">
HTML element <input type=password>
HTML element <input type=radio>
HTML element <input type=range>
HTML element <input type=reset>
HTML element <input type=submit>
HTML element <input type=text>
HTML element <input type=text list=="…">
HTML element <input type=text pattern="…">
HTML element <input type=text placeholder="…">
HTML element <input type=text readonly'>
HTML element <input type=text required'>
HTML element <input type=url>
HTML element <ins>
HTML element <kbd>
HTML element <legend>
HTML element <li>
HTML element <meter>
HTML element <ol>
HTML element <optgroup>
HTML element <option>
HTML element <p>
HTML element <pre>
HTML element <q>
HTML element <rb>
HTML element <rp>
HTML element <rt>
HTML element <ruby>
HTML element <samp>
HTML element <select>
HTML element <small>
HTML element <source>
HTML element <strong>
HTML element <sub>
HTML element <sup>
HTML element <svg>
HTML element <table>
HTML element <tbody>
HTML element <td>
HTML element <textarea>
HTML element <textarea readonly>
HTML element <tfoot>
HTML element <th>
HTML element <thead>
HTML element <tr>
HTML element <ul>
HTML element <video>

HTML element < … contenteditable=true>==>xxxxxxx<==

HTML element < … spellcheck=true>==><==

HTML element < … tabindex=…>==> <==

HTML element <a>==>xxxxxxx<==

HTML element <abbr>==>xxxxxxx<==

HTML element <address>==>

xxxxxxx

<==

HTML element <audio>==>

<==

HTML element <bdo dir=…>

dir=ltr: ==>abcdefghijklmnopqrstuvwxz<==
dir=rtl: ==>abcdefghijklmnopqrstuvwxz<==

HTML element <blockquote>==>

xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx

<==

HTML element <br>==>xxxxxxx
xxxxxxx<==

HTML element <button type=reset>==><==

HTML element <button type=submit>==><==

HTML element <cite>==>xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx<==

HTML element <code>==>

x xx  xxx   xxxx    xxxxx     xxxxxx      xxxxxxx       xxxxxxxx x xx  xxx   xxxx    xxxxx     xxxxxx      xxxxxxx       xxxxxxxx x xx  xxx   xxxx    xxxxx     xxxxxx      xxxxxxx       xxxxxxxx

<==

HTML element <del>==>~~xxxxxxx~~<==

HTML element <dfn>==>xxxxxxx<==

HTML element <dl> met <dd> en <dt>==>

xxx: xxxxxxx
yyy: yyyyyyy
zzz: zzzzzzz

<==

HTML element <em>==>xxxxxxx<==

HTML element <fieldset> met <legend>==>

yyyyyyyxxxxxxx

<==

HTML element <figure> met <figcaption>==>

xxxxxxx

yyyyyyy

<==

HTML element <h1>==>

xxxxxxx

<==

HTML element <h2>==>

xxxxxxx

<==

HTML element <h3>==>

xxxxxxx

<==

HTML element: h4>==>

xxxxxxx

<==

HTML element <h5>==>

xxxxxxx

<==

HTML element <h6>==>

HTML element: xxxxxxx

<==

HTML element <hr>==>

<==

HTML element <iframe>==><==

HTML element <img alt="…"> met het onbekende bestand==> Jan op de heide

<==

HTML element <img title="…">==> Jan op de heide

<==

HTML element <img usemap="…"> met <area> en <map>==> Jan op de heide

<==

Op het hoofd geklikt
Op de borst geklikt
Op de voeten geklikt
Op anders geklikt

HTML element <input accesskey=… type=checkbox>==> xxxxxxx (Alt+(Shift+)1) xxxxxxx (Alt+(Shift+)2) xxxxxxx (Alt+(Shift+)3)<==

HTML element <input type=color>==> <==

HTML element <input type=email>==><==

HTML element <input type=file>==><==

HTML element <input type=hidden>==><==

HTML element <input type=image>==><==

HTML element <input type=number>==><==

HTML element <input type=number step="7">==><==

HTML element <input type=password>==><==

HTML element <input type=radio>==> xxxxxxx xxxxxxx xxxxxxx<==

HTML element <input type=range>==><==

HTML element <input type=submit>==><==

HTML element <input type=text> met <input type=reset>==> ==>

HTML element <input type=text list="…"> met <datalist>==><==

HTML element <input type=text pattern="^\d{2}-\d{2}-\d{4}?$">==><==

HTML element <input type=text placeholder="…">==><==

HTML element <input type=text readonly>==><==

HTML element <input type=text required>==><==

HTML element <input type=url>==><==

HTML element <ins>==>xxxxxxx<==

HTML element <kbd>==>x xx xxx xxxx xxxxx xxxxxx xxxxxxx xxxxxxxx x xx xxx xxxx xxxxx xxxxxx xxxxxxx xxxxxxxx x xx xxx xxxx xxxxx xxxxxx xxxxxxx xxxxxxxx<==

HTML element <meter max=100 min=1 value=75>==>xxxxxxx<==

HTML element <ol met li>==>

xxxxxxx
xxxxxxx
xxxxxxx

<==

HTML element <p>==>

xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx

<==

HTML element <pre>==>

x xx  xxx   xxxx    xxxxx     xxxxxx      xxxxxxx       xxxxxxxx
x xx  xxx   xxxx    xxxxx     xxxxxx      xxxxxxx       xxxxxxxx
x xx  xxx   xxxx    xxxxx     xxxxxx      xxxxxxx       xxxxxxxx

<==

HTML element <q>==>xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx<==

HTML element <ruby> met <rb>, <rp> en <rt>==>東京漢(かん)<==

HTML element <samp>==>x xx xxx xxxx xxxxx xxxxxx xxxxxxx xxxxxxxx x xx xxx xxxx xxxxx xxxxxx xxxxxxx xxxxxxxx x xx xxx xxxx xxxxx xxxxxx xxxxxxx xxxxxxxx<==

HTML element <select met optgroup en option>==><==

HTML element <small>==>XXXxXXXXXXxXXXXXXxXXX<==

HTML element <strong>==>xxxxxxx<==

HTML element <sub>==>xxxxxxx_xxxxxxxxxxxxxx<==

HTML element <sup>==>xxxxxxx^xxxxxxxxxxxxxx<==

HTML element <svg>==>xxxxxxxxxxxxxx<==

HTML element <table> met <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> en <tr>==>

Tabel 1
	kolom 1	kolom 2	kolom 3
rij 1	xxxxxxx	xxxxxxx	xxxxxxx
rij 2	xxxxxxx xxxxxxx xxxxxxx		xxxxxxx xxxxxxx xxxxxxx
rij 3	xxxxxxx	xxxxxxx	xxxxxxx xxxxxxx xxxxxxx
…

<==

HTML element <textarea>==><==

HTML element <textarea readonly>==>

xxxxxxx

<==

HTML element <ul> met <li>==>

xxxxxxx
xxxxxxx
xxxxxxx

<==

HTML element <video> met <source>==>

<==

Menu opties

HTML - Voorbeelden

Inhoud

xxxxxxx

xxxxxxx

xxxxxxx

xxxxxxx

xxxxxxx

HTML element: xxxxxxx