画像を使わずに文字の配列にウェーブをつける
|
私は、株式会社インプレス発行の「ＩＮＴＥＲＮＥＴ」というインターネットマガジンを購読しています。 その中の「ＨＴＭＬ ＴＩＰＳ＆ＴＲＩＣＫＳ」というコーナーでは、ちょっとした裏技を紹介しています。そこで覚えたものを中心に、私のような初心者でもできそうな技をここで練習してみたいと思います。 うまくいくとは限らない・・・いや、失敗するほうが多いかもしれませんが、実践してみないことには先にすすまないので、取り敢えず挑戦してみます。 ちょっと興味がある方は、少しだけこの実験にお付き合い下さい。 |
 ポイント | ＜ＳＵＰ＞と＜ＳＵＢ＞タグの使用 |
 効果 | ＜ＳＵＰ＞は上付きの文字を作るタグ。＜ＳＵＢ＞は下付きの文字を作るタグ。 ＜ＳＵＰ＞を使用することで、文字が上に移動します。 ＜ＳＵＢ＞を使用することで、文字が下に移動します。 |
 使い方 |
実際の実験画面のソースをご覧下さい。 |
今回の実験でわかったこと
| この効果は、ＮｅｔｓｃａｐｅＣｏｍｍｕｎｉｃａｔｏｒ Ｖｅｒ．４．０では実現できますが、ＩｎｔｅｒｎｅｔＥｘｐｌｏｒｅｒ４．０では完全に実現しません。タグを＜ＳＵＢ＞＜ＳＵＢ＞＜ＳＵＢ＞と入れ子しても、ＩＥ４．０では微妙な変化が表示されませんでした。 皆さんも、ぜひＮｅｔｓｃａｐｅとＩＥと両方で試してみて下さい。もし、ＩＥ４．０でうまく表示させる方法を知っている方がいたら、教えていただきたい。 ＜ＳＵＰ＞や＜ＳＵＢ＞を使用すると、文字が小さくなってしまうので、文字のサイズは固定しておく必要があります。 |
ご意見などありましたらメールを送って下さい。お待ちしています。
mailto:hiroko@ladys-page.com
