結果を表示する
元にもどす
<html> <meta charset="utf-8"> <style> section{position:relative; background-color:#ffffff;} .ステーブス img{position:absolute; top:194px; left:4px; width:10px; height:180px; z-index:10;} .タイ_01 img{position:absolute; top:174px; left:150px; width:220px; height:130px; z-index:10;} .タイ_02 img{position:absolute; top:174px; left:420px; width:200px; height:140px; z-index:10;} .タイ_03 img{position:absolute; top:154px; left:724px; width:228px; height:30px; z-index:10;} .タイ_04 img{position:absolute; top:224px; left:670px; width:120px; height:144px; z-index:10;} .タイ_05 img{position:absolute; top:214px; left:794px; width:162px; height:154px; z-index:10;} .アラベスク img{width:86%;} </style> <section> <div class="楽譜"> T:DEUX ARABESQUES T:1 %%staffwidth 700 %%composerfont fantasy 10 C:Claude Debussy C:(1862 - 1918) %%titlefont Times 20 %%partsfont box P:A K:E L:1/8 M:4/4 Q:"Andantino Con Moto" %%staves(1 2 3)(4 5 6) V:1 V:2 stem=down V:3 stem=up V:4 clef=bass stem=up V:5 clef=bass stem=down V:6 clef=bass stem=up %%staffsep 200 [V:1]y!p!y2 y(3cef y(3gdB y3y | y3(3Acd y(3eBG y3 | z2yy3y3y3y3 | [V:2]y3y3y3y3 | y3y3y3y3 | z2y (3cFA-yA2 y((3cFA-y | [V:3]y3y3y3y3 | y3y3y3y3 | y3c2 yf2 yc2 y3 | [V:4]" "y(3CEA y3 y3 y(3GDB,y | (3A,CF y3 y3 (3EB,G,y | (3yA,C-yC2 y(3yA,C-yC2 y4| [V:5]Z | Z | Z | F,4 y2E,4 y2| [V:6]Z | Z | Z | </div> <span class="ステーブス"><img src="staves.png"></span><span class="タイ_01"><img src="Arabesque_Tai_01.png"></span><span class="タイ_02"><img src="Arabesque_Tai_02.png"></span><span class="タイ_03"><img src="Arabesque_Tai_03.png"></span><span class="タイ_04"><img src="Arabesque_Tai_04.png"></span><span class="タイ_05"><img src="Arabesque_Tai_05.png"></span> </section> <hr> <div class="アラベスク"><img src="Arabesque.png"></div> <script src="abcjs_notation.js"></script> </html>