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は計算プロパティを使用して動的スライダーの作成を完了します

推薦する

Vue3 でモバイル ログインおよび登録モジュールをエレガントに実装する方法

目次序文入力ボックスコンポーネントレイアウトvモデルデータ検証ルール設計形状サブコンポーネントは検証...

nginx 設定の場所の概要の場所の通常の書き込みと書き換えルールの書き込み

1. 場所の正規表現例を見てみましょう: 場所 = / { # 完全一致 / 、ホスト名の後に文字列...

MySQLクエリの基本的なクエリ操作の学習

序文MySQL は最も人気のあるリレーショナル データベース管理システムです。WEB アプリケーショ...

SpringBoot と Vue の相互作用におけるクロスドメイン問題の解決策

目次ブラウザ同一生成元ポリシー1. VUEフロントエンド構成プロキシはクロスドメインの問題を解決しま...

WeChatアプレットは水平および垂直スクロールを実現

この記事の例では、WeChatアプレットの水平スクロールと垂直スクロールを実現するための具体的なコー...

BootStrap グリッド間に隙間を残す解決策

目次[例を見る]: 【本来の効果は以下の通り】理由は次のとおりです。 【解決】:要約するBootSt...

Vue でコミュニケーションを実装する 8 つの方法

目次1. コンポーネント通信1. Props 親コンポーネント ---> 子コンポーネント通信...

Linux システムのパフォーマンスを分析するための top コマンドの詳細な説明

Linux topコマンドの紹介top コマンドは、Linux でよく使用されるパフォーマンス分析ツ...

MySQL の冗長インデックスと重複インデックスの詳細な説明

MySQL では、同じ列に複数のインデックスを作成できます。意図的であるかどうかにかかわらず、MyS...

JavaScript でイベントのバブリングを防ぐ方法

注意すべき点は、イベントバブリング自体の特性上、メリットだけでなくデメリットも生じるということです。...

Dockerを使用してPythonランタイム環境の基本イメージを作成する方法

1. 準備1.1 Pythonインストールパッケージをダウンロードします(注:Pythonバージョン...

Linux で MySQL スケジュール タスク バックアップ データを実装する方法

序文バックアップは災害復旧の基礎であり、システム操作エラーやシステム障害によるデータ損失を防ぐために...

CocosCreator 入門チュートリアル: ネットワーク通信

ネットワーク通信の概要オンライン ゲームを開発する場合、必然的にネットワーク通信に対処する必要があり...

色の16進数カラーコード表表示と16進値の比較表示で簡単に検索できます

さまざまな色の16進コード表[パート1] 赤とピンク、およびそれらの 16 進コード。 #99003...

JavaScriptはスタック構造の詳細なプロセスを実装する

目次1. スタック構造を理解する2. スタック構造のカプセル化3. 10進数を2進数に変換する1. ...