分数の表示 [ちょっと便利なhtml記述]

私のメインブログでは,説明の際に,どうしても数式を書いたほうが早い場合があり,その際,案外面倒なのが分数です。簡単なものなら,

y = a / x

のように斜線/で示してもいいのですが,分母分子が重なってくると分かりにくくなって来ます。

以下に分数表示のひな形を示しておきます。

π
 4 
 =  1−   1 
 3 
 +   1 
 5 
 − 


htmlの表の表示を利用して書きます。ソースは以下の様なものです。
<span style="line-height:50%;"> <table border=0 cellspacing=0 cellpadding=0> <tr align=center> <td>π<hr size=1 color=0>&nbsp;4&nbsp;</td> <td>&nbsp;=&nbsp;</td> <td>1−&nbsp</td> <td>&nbsp;1&nbsp;<hr size=1 color=0>&nbsp;3&nbsp;</td> <td>&nbsp+&nbsp</td> <td>&nbsp;1&nbsp;<hr size=1 color=0>&nbsp;5&nbsp;</td> <td>&nbsp−&nbsp</td> </tr> </table> </span>

これは,メインブログの記事芥川也寸志の「音楽の基礎」にある数式です。

コンマ = (  3 
 2 
 )12  × (  1 
 2 
 )7 =   531441 
 524288 
 = 24セント  


このソースは少し込み入って来ます。
<span style="line-height:50%;"> <table border=0 cellspacing=0 cellpadding=0> <tr align=center> <td>コンマ&nbsp;=&nbsp; <span style="font-size:large;"> (<sup><span style="font-size:x-small;">&nbsp</span></sup> </span> </td> <td>&nbsp;3&nbsp;<hr size=1 color=0>&nbsp;2&nbsp;</td> <td>&nbsp; <span style="font-size:large;">) <sup><span style="font-size:x-small;">12</span></sup> </span> </td> <td>&nbsp×&nbsp <span style="font-size:large;">( <sup><span style="font-size:x-small;">&nbsp</span></sup> </span> </td> <td>&nbsp;1&nbsp;<hr size=1 color=0>&nbsp;2&nbsp;</td> <td>&nbsp <span style="font-size:large;">) <sup><span style="font-size:x-small;">7</span></sup> </span>&nbsp;=&nbsp; </td> <td>&nbsp;531441&nbsp;<hr size=1 color=0>&nbsp;524288&nbsp;</td> <td>&nbsp;=&nbsp;24セント <span style="font-size:large;">&nbsp <sup><span style="font-size:x-small;">&nbsp</span></sup> </span> </td> </tr> </table> </span>
数式エディタが欲しいところです。
nice!(5)  コメント(2)  トラックバック(0) 
共通テーマ:PLAYLOG

nice! 5

コメント 2

アヨアン・イゴカー

随分複雑なことをなさっているのですね。奥が深いですね。
by アヨアン・イゴカー (2014-08-14 11:33) 

Enrique

アヨアン・イゴカーさん,こちらもご覧いただき,ありがとうございます。
こちらには裏方(といっても自分でですが)の仕事を書いてみました。
一行の分数式を書くだけで,結構記述量が多くなっていて自分でもビックリしました。ネット初期の頃ページを作るには,この手の記述が不可欠でしたが,現在普通の記事の投稿には要りません。だいたい,こんな事やっていたら,とても内容の記述にまでエネルギーが回りませんので。
by Enrique (2014-08-15 11:45) 

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0