分数の表示 [ちょっと便利な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

この記事のトラックバックURL:

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。