みなさんこんにちは、現役エンジニアのサメハックです
アパレル企業でトップ販売員を経て
未経験からWebエンジニアに転職し、
現在正社員として5年働いています！
１分で理解できるHTML/CSS講座シリーズです。
今回は上付き文字、下付き文字の書き方について学んでいきましょう！
駆け出しエンジニアや未経験の方、
また新入社員を指導する先輩社員にとっても
わかりやすいように解説していきます！
この記事を読むと・・・
- 1分で上付き文字が書ける
- 1分で下付き文字が書ける
１分で理解できるHTML/CSS講座シリーズはじめっ！
上付き文字
上付き文字とは?
上付き文字とは、文字の右上に書いてある小文字のこと
乗数や平方メートルの単位を表すときに使用するアレです。
上付き文字を書いてみよう
以下のようにsup要素で囲うだけなので、めちゃくちゃ簡単です!
<sup>テキスト</sup>
See the Pen
sup by samehack (@samehack)
on CodePen.
下付き文字
下付き文字とは?
下付き文字とは、文字の右下に書いてある小文字のこと
主に化学記号を表すときに使用するアレです。
下付き文字を書いてみよう
以下のようにsub要素で囲むだけです。
<sub>テキスト</sub>
See the Pen
sub by samehack (@samehack)
on CodePen.
まとめ
- 上付き文字 → sup要素で囲う
- 下付き文字 → sub要素で囲う
満足いただけたら、1クリックなのでSNSフォローしてもらえると嬉しいです🦈
