ABC in HTML


Embedding ABC tunes inside HTML can be tricky. This is a test file that illustrates several ways to do it. This is for testing the capabilities of software. Can your favorite browser display all these correctly?
Smash the Windows using the <pre> tag:
Note that we must rewrite <, > and & chars.
X:3
T:Smash the Windows
T:Roaring Jelly
S:One Thousand English Country Dance Tunes, Michael Raven
C:Trad
M:6/8
L:1/8
Q:1/8=400
K:D
A | D>ED F2A | d2f ecA | G2B F2A | E2F GFE | D>ED F2A | d2f ecA | Bgf edc | d3 z2 :| 
a | a2f  d2f | A2a agf | g2e c2e | A2g gfe | f2d  g2e | a2f bag | fed edc | d3 z2 | 
a | agf  fed | Adf agf | gfe ecA | Ace gfe | fed  gfe | agf bag | fed edc | d3 z2 |] 


The Atholl Highlanders using <code>:
Note that we must rewrite <, > and & chars, or end lines with <br>.
X: 1
T: The Atholl Highlanders
O: Trad
R: jig-time march
N: The G chords are often modernized to E7, except for the last line, which always has G.
M: 6/8
L: 1/8
K: AMix=g
c/d/ \
|: "A"e3 e>cA | ecA "G"Bcd \
|1,3 "A"e3 e>cA | "G"Bcd "(E)"cBA \
:|2,4 "A"e-<ae "D"fed | "E"cdB "A"A2 :|
c/B/ \
|: "A"A>ce Ace | "D"A>df Adf \
|1,3 "A"A>ce Ace | "G"Bcd "(E)"c2B \
:|2,4 "A"e-<ae "D"fed | "E"cdB "A"A2 :|
e \
|: "A"a2e edc | a2e edc \
|1,3 a2e edc | "G"Bcd "(E)"cBA \
:|2,4 "A"e-<ae "D"fed | "E"cdB "A"A2 :|
B \
|: "A"c>Ac cAc | "G"d-<Bd dBd \
|1,3 "A"c-<Ac cAc | "G"B-<GB Bcd \
:|2,4 "A"e-<ae "D"fed | "E"cdB "A"A2 :|

Sweet Maid of Glendaruel using <code data=...>:
Cliffs of Moher using <iframe src=...>:
The iframe's width is set to 400 pixels, to test how browsers handle iframe overflow. The height isn't set at all.