ＥＬＬの足跡

人は最後は一人だという・・・でも、・・・今は妻が傍にいてくれる・・・

Web上で上付き文字を表示させるには幾通りかあるよぉ～！！

2024-11-28 | 日々のパソコン

Web上の上付き文字の表示方法を知ってる?!

特殊文字やタグ、そしてCSSと色々ある!!

　Web上に文字や画像を表示させるためには、HTML(HyperText Markup Languageの略)というWebサイトに表示されるテキスト、画像、リンクなどのコンテンツを構造化するためのものなんですが・・・簡単に云えば、<HTML>(この中に文字や画像を入れる)</HTML>ことにより、Web上に表示できる仕組みなんですね。
　その中で、今日は㎢や㎤などの上付き文字の表示の方法をそれぞれ紹介してみようかなと思います。
  • 【特殊文字(数値文字参照)を使用する方法】
    1. 表示記入方法表示記入方法表示記入方法
      ㎠＆#13216;㎡＆#13217;㎢＆#13218;
      ㎤＆#13220;㎥＆#13221;㎦＆#13222;
  • 【特殊文字(文字実体参照)を使用する方法】
    1. 表示記入方法表示記入方法表示記入方法
      cm²cm＆sup2;m²m＆sup2;km²km＆sup2;
      cm³cm＆sup3;m³m＆sup3;km³km＆sup3;
  • 【HTMLタグを使用する方法】
    1. 表示記入方法表示記入方法
      cm2cm＜sup>2＜/sup>m2m＜sup>2＜/sup>
      cm3cm＜sup>3＜/sup>m3m＜sup>3＜/sup>
  • 【CSS(スタイルシート)を使用する方法】
    1. 表示記入方法
      cm2cm＜span style="font-size:30%;vertical-align:super">2＜/span>
      cm3cm＜span style="font-size:30%;vertical-align:super">3＜/span>
　このように指図をすることで表示されるんですが、頻繁に出てきた「sup」とはsuperscript(上付き文字)の略のことで、文字通りの上付き文字を指図するためのタグなんです。
　CSSでのvertical-alignとは行中の上下方向の揃え位置を指定するプロパティでsuperはsuperscript(上付き文字)のことなんです。

ランキングに参加中。クリックして応援お願いします！

コメント    この記事についてブログを書く
 
 
 
 
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする
« Wordの空白ページが如何して... | トップ | メモ帳で簡単に新しいフォル... »
最新の画像［もっと見る］

コメントを投稿

「日々のパソコン」カテゴリの最新記事

プロフィール

プロフィール画像

自己紹介
子供は独立し・・・
妻との口喧嘩を日常行事とし・・・
二人してパソコンをやり・・・
二人して酒を酌み交わす・・・

文字サイズ変更

母の絵画展示室

ナナパパのLINEスタンプ


小さなショッピング街

掲示板

ブログランキング

ELLの足跡 - にほんブログ村ブログランキング・にほんブログ村へ にほんブログ村 健康ブログ クエン酸健康法へ

カレンダー

2025年2月
日 月 火 水 木 金 土
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28

バックナンバー

アクセス状況

アクセスアクセス
閲覧 794 PV UP!
訪問者 517 IP UP!
トータルトータル
閲覧 9,765,151 PV 
訪問者 3,295,623 IP 
ランキングランキング
日別 1,529 位 UP!
週別 1,464 位 DOWN!

ブックマーク

goo
最初はgoo
  • RSS2.0