人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

12割る3
4*3
17+2
16-9

これらを筆算で表記したいのですが
うまくゴシックのフォンをと使ってHP上で表記するにはどうすれば良いでしょうか?

●質問者: marry_marry
●カテゴリ:インターネット 学習・教育
✍キーワード:Hp ゴシック 筆算
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● じゃっくそにっく
●23ポイント

フォントを使う場合、

一番てっとりばやい手軽な方法としては、

等幅フォントになるHTMLのpreタグを使うとか

どうでしょうか。

 12
 ÷) 3
 -----

 4
 ×) 3
 -----
 17
 +) 2
 -----

 16
 -) 9
 -----

HTMLソース

<pre>
 12
 ÷) 3
 -----

 4
 ×) 3
 -----
 17
 +) 2
 -----

 16
 -) 9
 -----
</pre>

参考

4-4-3 <PRE>タグの活用

◎質問者からの返答

ありがとうございました。


2 ● じゃっくそにっく
●22ポイント

こんにちは。1の回答者です。

もっと柔軟な数式を作れる

方法をさらに説明いたします。

簡易的にテキストでやる以外に、

柔軟に数式を記述するには、

Wordの数式オブジェクトや、

はてな記法のtex記法でやると、

複雑な数式にも対応できます。

-----------------------------------------------------------

1.Wordで記述する場合

数式オブジェクトを持っているWordのバージョンでは、

メニューから、挿入>オブジェクトで、数式オブジェクトが選べ、

数式を記述できます。

こちらをご覧下さい。(操作の図解)

複雑な数式を入力する


数式編集ツールバーが出ますので、それを使って追加してきます。

数字はそのまま入力できます。

カーソルを合わせると[バーテンプレート]と表示されるボタンで

追加します。

「Webページとして保存」で、htmlを選んで保存すれば、

できたHTMLファイルと、同じ名前のフォルダができ、

そのフォルダの中に数式の画像が生成されています。

右クリックして、数式オブジェクト>編集を選んで

数式編集バーを出して編集します。


-----------------------------------------------------

2.はてな記法(はてなダイアリーなどTexが使えるHP)を使う

tex記法とは、

特殊な文であらわした数式を、画像化してくれる機能です。

はてなダイアリーのヘルプ - 数式を表示する(tex記法)

はてなダイアリーなどであれば、

mimeTexを使ったtex記法で数式を作れます。

記法に慣れるまで難しいですが、

慣れてしまえば便利です。

(高度な記述方法がありますが、今回は簡単な書き方を説明します。)

[tex:(tex文)]

という形式で記述します。

記述するときのルールは、

記述するもの 書き方("\"(バックスラッシュ)は¥記号が相当する場合があります)
横方向の空白 \hspace{空白数}
要素の下につく線 \underline{要素}
要素の上につく線 \overline{要素}
)記号 \)
乗算記号(×) \times
改行 \\
文字の大きさを変える tex文の先頭に 大きさ数字$ を足す(書かなければ標準サイズ)
何か要素を囲うとき {}(波かっこ

なので、

「12÷3」を筆算であらわすならば、

行ごとに出てくる文字、線を考えますと、

1行目: (空白) 4 (改行)

2行目: 3 上線付き{ ) 12 } (改行)

3行目: (空白)下線付き{ 12}

4行目: (空白) 0

という風になります。

これを上記にあらわした表と照らし合わせ、

 [tex:\hspace{18}4\\ 3\overline{\)12}\\ \hspace{12}\underline{12}\\ \hspace{19} 0]

と書くと、

3$ \hspace{15}4\\ 3\overline{\)12}\\ \hspace{12}\underline{12}\\ \hspace{19} 0

このような画像ができます。

はてなダイアリーやmimeTexが使えるHP

ならこのまま使うことができますし、

使えないHPでも、この画像を右クリックして名前を付けて保存して

貼り付けられます。


質問文の数式を表していくと、

「4*3」は、

 \hspace{18}4\\ \underline{\times \hspace{10}3}\\ \hspace{12}12

 [tex: \hspace{18}4\\ \underline{\times \hspace{10}3}\\ \hspace{12}12]
「17*2」は、
 [tex: \hspace{16}17\\ \underline{+ \hspace{10}2}\\ \hspace{16}19]

 \hspace{16}17\\ \underline{+ \hspace{10}2}\\ \hspace{16}19

となります。

「16-9」は、
 [tex: \hspace{16}16\\ \underline{- \hspace{10}9}\\ \hspace{19}7]

で、

 \hspace{16}16\\ \underline{- \hspace{10}9}\\ \hspace{19}7

となります。


その他に使える詳しい数学記号や記法については

こちらの私のwikiに記載します。

tex記法、mimeTexの書き方、記法(数式表示) - 情報処理研究所 ジャックズラボ(jack's Lab)

◎質問者からの返答

ありがとうございました。


3 ● igoni
●23ポイント

___

3 ) 1 2


を<pre>タグで表示すればいいと思います。

http://www.google.co.jp/

◎質問者からの返答

ありがとうございました。


4 ● turkey_hate
●22ポイント

枠が付いてしまいますが、textareaではどうでしょうか。

http://www.htmq.com/html/textarea.shtml

◎質問者からの返答

ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ