HTML タグ sup と sub の応用の紹介

HTML タグ sup と sub の応用の紹介
HTML タグ: 上付き文字

HTML では、<sup> タグは上付き文字のテキストを定義します。たとえば、酸素イオンを 2 つ表示したい場合は、HTML コードで 2O<sup>2-</sup> と記述する必要があります。 2O2-

<sup> タグとその終了タグ </sup> に含まれるコンテンツは、現在のテキスト フローの文字の高さの半分で表示されますが、フォントとサイズは現在のテキスト フローのテキストと同じになります。

ヒント: このタグは、ドキュメントに脚注を追加したり、方程式に指数値を示す場合に便利です。 <a> タグと組み合わせて使用​​すると、適切なハイパーリンク付きの脚注を作成できます。

HTML タグ: 下付き文字

HTML では、<SUB> タグは下付きテキストを定義します。たとえば、H20 (2 は下付き文字) を表示する場合は、HTML コードで H<SUB>2</SUB>0 と記述する必要があります。水

<SUB> タグとその終了タグ </SUB> に含まれるコンテンツは、現在のテキスト フローの文字の高さの半分で表示されますが、フォントとサイズは現在のテキスト フローのテキストと同じになります。

<<:  line-height=height要素の高さだがテキストが垂直方向に中央揃えされない問題を解決する

>>:  Vueは計算プロパティを使用して動的スライダーの作成を完了します

推薦する

Linuxでサーバーのハードウェア情報を表示する方法

みなさんこんにちは。今日は12連休ですが、何かお買い物はしましたか?今日は「Linux View S...

Vueはカードフリップ効果を実現します

この記事では、カードフリップ効果を実現するためのVueの具体的なコードを例として紹介します。具体的な...

JavaScript 正規表現の説明

目次1. 正規表現の作成2. 使用モード2.1 シンプルモードの使用2.2 特殊文字の使用3. 応用...

Linuxがすべてのコマンドをサポートしていない問題の解決策

Linux がすべてのコマンドをサポートしていない場合はどうすればいいですか?すべてのLinuxコマ...

キーボード上の各種特殊記号の英語読み方(知識の普及)

キーボード文字英語`バッククォート〜チルダ!叫ぶ@で#ナンバーサイン$ドル%パーセント^キャレット&...

njs モジュールを使用して nginx 構成に js スクリプトを導入する

目次序文1. NJSモジュールをインストールする方法1: NJSモジュールを動的にロードする方法2:...

MySQLの重複排除方法

MySQLの重複排除方法【初級】繰り返しのセリフが少ないdistinctive を使用してそれらを見...

CSS3はグラフィックの落下アニメーション効果を実現します

まずは効果を確認実装コード <div class="box box1"&g...

JavaScript はフロントエンド Web ページでカウントダウンを実装します

ネイティブJavaScriptを使用してカウントダウンを簡単に実装します。参考までに、具体的な内容は...

Linuxはシェルスクリプトを使用して履歴ログファイルを定期的に削除します

1. ツールディレクトリのファイル構造 [root@www tools]# ツリーツール/ ツール/...

Reactの二次連携を実現する方法

この記事では、二次リンクを実現するためのReactの具体的なコードを参考までに共有します。具体的な内...

モバイル開発における 1px ラインの理解と解決策

1pxの線が太くなる理由モバイルプロジェクトに取り組むとき、設計図に従って要素ノードのサイズとスタイ...

Sitemesh チュートリアル - ページ装飾技術の原理と応用

1. 基本概念1. Sitemeshはページ装飾技術です。 1 : フィルターを通してページアクセス...

Windows Server 2019 で NAS を構成する方法

序文このチュートリアルでは最新バージョンをインストールします。 NAS は非常に安定して動作するので...

両側にCSS固定レイアウト、中央に適応レイアウトを実装

フローティング、フローティング埋め込み div、配置、フレックスという 4 つの一般的な方法と原則を...