「学校」にフリガナをつけると下のようになります。
学校
手書きや、印刷では「学校」の文字の上に専用の小さいかなを付けているのでしょうが、
WEBではどのようになっているのでしょうか。
WEBでフリガナをつけるには次のような記号列が必要です。
(以下の文を仮にHTML文ということにします)。
<ruby> <rb>学校</rb> <rp>（</rp> <rt>がっこう</rt> <rp>）</rp> </ruby>
これをブラウザ(Micosoft EgeとかChrome)が解釈して、上のように「学校」の上にルビをつけます。
上のHTML文で「（」と「）」で囲まれた部分は、ブラウザが正しくルビが付けられなかったとき、
かっこでかなをつけることになります。
さて、教材でカナが付けられたているところは、
全部上のようなHTML文にしなければいけません。