Ultimatives HTML5/ARIA Mega-Labor

Beispiel Text-Tags

<p>Hallo Welt <strong>stark</strong>, <em>kursiv</em>, <mark>markiert</mark>, <abbr title='Abkürzung'>HTML</abbr></p> Ausführen

Ungeordnete Liste

<ul><li>Eintrag 1</li><li>Eintrag 2</li></ul> Ausführen

Geordnete Liste

<ol><li>Erster</li><li>Zweiter</li></ol> Ausführen

Definitionsliste

<dl><dt>HTML</dt><dd>Hypertext Markup Language</dd></dl> Ausführen

Beispiel Tabelle

<table><thead><tr><th>Name</th><th>Alter</th></tr></thead><tbody><tr><td>Max</td><td>22</td></tr></tbody></table> Ausführen

HTML5 Formular Beispiel

<form><input type='text' placeholder='Name' /><button>Senden</button></form> Ausführen

Canvas Beispiel

<canvas id='c' width='200' height='100'></canvas><script>var ctx=document.getElementById('c').getContext('2d');ctx.fillStyle='red';ctx.fillRect(10,10,180,80);</script> Ausführen

SVG Beispiel

<svg width='100' height='100'><circle cx='50' cy='50' r='40' fill='yellow' stroke='green' stroke-width='4'/></svg> Ausführen

Details & Dialog

<details><summary>Details Tag</summary><p>Inhalt</p></details> <dialog open role='dialog' aria-modal='true'><p>Dialog</p></dialog> Ausführen

Beispiel Veraltet

<marquee>Scrollender Text</marquee> <center>Zentriert</center> <font color='red'>Rot</font> Ausführen