投稿日：
どうも、べ〜やんです。
今回は、HTMLでルビを振る方法を紹介します。
目次
ご存知の方がほとんどだと思いますが、ルビとは（ふりがな）のことです。
なんで（ふりがな）がルビなんだよと思って調べてみると、宝石のルビーからきてるらしいですね。
昔イギリスでは活字の大きさ別に宝石の名前をつけて読んでいたそうで、ふりがなに丁度いい大きさの活字がルビーと呼ばれていたそうです。
HTMLには、ruby要素を使ってルビを振ることができます。
<ruby>要素で囲み、ふりがな部分は<rt>で囲んで記述します。
<rt>とはRuby Textの略です。
See the Pen dyyrZyM by beeyan (@orientado) on CodePen.
今回は、HTMLでルビを振る方法を紹介しました。
執筆者：べ〜やん
関連記事
どうも、べ〜やんです。 今回は、コーディングのスピードが抜群に速くできる方法のEmmetの使い方を紹介します。 Emmetとは HTMLやCSSを記述するときに全て手打ちしていると時間がかかってしまい …
どうも、べ〜やんです。 今回は、簡単にアイコンを表示できるサービス『Icongram』を紹介します。 Icongramとは 引用元：Icongram Icongramは9つのアイコンライブラリからAP …
どうも、べ〜やんです。 webデザインやプログラミングを学びはじめたとき、最初にHTMLとCSSから学ぶ人が多いのではないでしょうか？私も一番最初にHTMLから学びました。ということで、今回はHTML …
どうも、べ〜やんです。 今回はHTMLでリストや箇条書きをざっくり作る方法を紹介します。 リストとは ul・ol・liタグを使うとリストや箇条書きを作ることができます。 目次や手順、メニュー、スライド …
どうも、べ〜やんです。 今回はCSSのoverflowの使い方を紹介します。 テキストが長いけどスペースを大きく取りたくない場合などに便利です。 overflowとは overflowは要素からはみ出 …
2019/12/07
2019/12/05
2019/12/03