osamc.de/archiv/demo/templates/html5/index.html

94 lines
2.1 KiB
HTML

<!doctype html>
<html>
<!--
Wurzelverzeichnis für alle links ist www.osamc.de/
Links auf das eigene Verzeichnis, etwa Bilder oder Audio, brauchen keinen Slashes / oder ../
-->
<head>
<title>Anleitung - OSAMC Slides</title>
<link rel="stylesheet" href="normalize.css" type="text/css">
<link rel="stylesheet" href="sakura.css" type="text/css">
<link rel="stylesheet" href="musiqwik.css" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<h1>Überschrift</h1>
<h2>Zwischenüberschrift. Wird immer kleiner mit h3, h4 etc. </h2>
<p>Paragraphe sind Abschnitte aus Text.</p>
<ul>
<li>Eine</li>
<li>unsortierte</li>
<li>Liste</li>
</ul>
<img src="bild400x300.jpg" alt="Ein Bild">
<ol>
<li>Eine</li>
<li>sortierte</li>
<li>Liste</li>
<li>mit Zahlen</li>
</ol>
<p>
<a href="seite2.html">Ein Link ins nirgendwo</a>.
Diese Seite müsste man erst anlegen. Man kann so viele Seiten anlegen und verlinken wie man möchte.
</p>
<p>
Dateien, <a href="download.zip">wie dieses ZIP Archiv</a>, die der Webserver nicht kennt werden als Download angeboten.<br>(Das ist aber kein richtiges Archiv, nur eine leere Datei)</a>
</p>
<p>
<h4>Ein Audio Demo</h4>
Hier ein funktionierendes mp3
<p>
<audio controls>
<source src="demo.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</p>
Es funktionieren auch andere Medientypen. Aufgrund der Dateigröße hier nur Player ohne Dateien:
<p>
<h4>ogg</h4>
<audio controls>
<source src="demo.ogg" type="audio/ogg">
Your browser does not support the audio element.
</audio>
</p>
<p>
<h4>flac</h4>
<audio controls>
<source src="demo.flac" type="audio/flac">
Your browser does not support the audio element.
</audio>
</p>
<p>
<h4>wav</h4>
<audio controls>
<source src="demo.wav" type="audio/x-wav">
Your browser does not support the audio element.
</audio>
</p>
</p>
<p>
Das OSAMC HTML5-Template unterstützt <a href="http://luc.devroye.org/allgeyer/allgeyer.html">MusiQwik</a> Notation als Webfont.
</p>
<p class="notation">
'&=4=R=R=V=V=!=W=W=f===!=U=U=T=T=!=c===b===.
</p>
</body>
</html>