「上付き文字と下付き文字ってどうやってつけるの?」と、お困りではありませんか?上付き文字と下付き文字はHTMLで簡単に付けることができます!また、CSSでも付けることができるので、今回はこちらのやり方も解説していきいと思います。まとめHTMLで上付き文字と下付き文字を表示する上付き文字、下付き文字とは?まずは、上付き文字と下付き文字の説明をします。ように上部に付いた小さい文字のことです。ように下部に付いた小さい文字のことです。いう時に使うかというと、下のような計算式や化学記号などを表すときによく使われます。<例>5の3乗は53と表します。水の化学記号はH2Oです。これらの上付き文字と下付き文字の付け方を解説していきます!sup要素とsub要素の使い方HTMLで上付き文字を付ける場合はsup要素を、下付き文字を付ける場合はsub要素を使います。supとは「superscript」の略で、subとは「subscript」の略です。<sub>で囲みます。文字の大きさの設定次第で、上付き文字と下付き文字の大きさも変わります。CodePen.0CSSで上付き文字と下付き文字を表示するでは次に、上付き文字と下付き文字をCSSで付ける方法を解説します。vertical-alignプロパティの使い方CSSでは、「vertical-align」プロパティに「super」を指定すると上付き文字を、「sub」を指定すると下付き文字をつけることができます。CodePen.0まとめいかがでしたでしょうか。HTMLでもCSSでも上付き文字と下付き文字は簡単に付けることができるので、ぜひ実践してみてくださいね!TweetPocket無料でSEからWebエンジニアへ転職しませんか?侍エンジニア塾では、完全未経験の方から現在SEだけどプログラミングはやっていないという経験者まで、幅広い方々の人生を好転させるプログラミング指導を行ってきました。SEの方とお話していくなかで、システムエンジニアという職業だけどコードが書けない事務作業が多くスキルがないため将来が不安スクールに通うと完全未経験者と同じスタートになるからレベルが合わないという、すでに知識があるSEならではのお悩みがあることに気づきました。弊社では、マンツーマンでレッスンを行いますので、現在お持ちの知識レベルからカリキュラムを作成いたします。こちらの転職コースは無料で受講を始められて転職成功でそのまま卒業できるというとてもお得なコースとなっています。知識のあるSEといっても転職は年齢が若いほど受かりやすいため、まずは無料体験レッスンで今の現状や理想の働き方について一緒に考えていきましょう。歌・登山・暗闇ボクシング。