HTML5¶
Basics¶
<!DOCTYPE html>
<html>
<head>
<title>HTML5 / CSS3 Spielplatz</title>
</head>
<body>
<header>Dies ist die &UUml;berschrift</header>
<nav><a>Link1|</a><a>Link2</a></nav>
<section>
<header>Artikelüberschrift</header>
<p>Ganz viel tolles Bla Bla</p>
<aside>Eine Randnotiz</aside>
</section>
<footer>Dies ist die Fussnote</footer>
</body>
</html>
Forms¶
<form>
<fieldset>
<legend>HTML5 form</legend>
<p>
<label for="email">E-Mail</label>
<input type="email" placeholder="E-Mail" id="email" />
</p>
<p><input type="url" placeholder="URL" /></p>
<p><input type="tel" placeholder=="Phone"/></p>
<p><input type="search" placeholder="Searchfield" /></p>
<p><<input type="range" placeholder="Range" /></p>
<p><input type="number" placeholder=="Number" /></p>
<p><input type="date" placeholder="Date" /></p>
<p><input type="datetime" placeholder="DateTime" /></p>
<p><input type="color" placeholder="color" autofocus /></p>
</fieldset>
</form>
Audio¶
<audio controls>
<source src="track.mp3" type="audio/mpeg" />
</audio>
Video¶
<video controls>
<source src="movie.mp4" />
</video>