<!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>
