Herzlich willkommen zum SELF-Treffen 2026
vom 24.04. – 26.04.2026
in Halle (Saale)
Beispiel:Karaoke-2.html
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <link href="./Beispiel:Grundlayout.css" media="screen" rel="stylesheet"> <title>Liedtext und Akkorde - 2</title> <style>
body {
font-family: sans-serif;
max-width: 50em;
margin: 1em auto;
padding: 0 1rem 3rem;
}
audio {
margin: 1em 0;
width: 100%;
}
.lyrics {
font-size: 1.2em;
line-height: 2.5em;
}
.part {
color: steelblue;
margin: .3em 0;
font-weight: bold;
}
.line {
margin: 0 0 -.2em 0;
padding: .3em 1em 0 1em;
opacity: 1;
}
ruby {
ruby-position: over;
margin: 0 0.2em;
}
rt {
font-size: 0.9em;
color: #f77;
font-weight: bold;
}
@media print {
body {
max-width: 100%;
margin-left: 1cm;
}
audio,
button {
display: none;
}
.lyrics {
font-size: 1em;
line-height: 2.5em;
}
}
</style>
</head> <body> <header>
🎤 Scarborough Fair <button onclick="window.print()">Seite drucken</button>
</header> <audio controls="" id="player">
Dein Browser unterstützt das Audio-Element nicht.
</audio>
<section class="lyrics">
1.
Are you going to Scarborough Fair? Parsley, sage, rose-mary and thyme,
Remember me to one who lives there, She once was a true love of mine.
2.
Tell her to make me a cambric shirt, Parsley, sage, rose-mary and thyme,
Without no seams nor needle-work, Then she'll be a true love of mine.
3.
Tell her to find me an acre of land, Parsley, sage, rose-mary and thyme,
Between the salt water and the sea strands, Then she'll be a true love of mine.
4.
Tell her to plough it with a sickle of leather, Parsley, sage, rose-mary and thyme,
And bind it all with a bunch of heather, Then she'll be a true love of mine.
5. (1. Strophe wiederholen)
Are you going to Scarborough Fair? Parsley, sage, rose-mary and thyme,
Remember me to the one who lives there, She once was a true love of mine.
</section>
</body> </html>
