Category Archives: Uncategorized

HTML and Music Captions

Just put together some things, and thought I’d share:

View Demo

/*puts note before and after p (paragraph tag)*/
p:before {content:"\266A ";}
p:after {content:" \266A ";}
/* other before/after css tricks */
blockquote:before { content:open-quote; }
blockquote:after { content:close-quote; }
a:after { content: " (" attr(href) ")"; }

I've got a lovely bunch of coconuts

Hex Note: ♪
ASCII Note: ♪


Description Character
(click)
Code
Decimal
Code
Hex
Musical symbols
Quarter note
Eighth note
Beamed eighth notes
Beamed sixteenth notes
Flat sign
Natural sign
Sharp sign

http://www.danshort.com/HTMLentities/index.php?w=music