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

推薦する

仮想マシン VMware に Kali Linux をインストールする最新の超詳細なグラフィック チュートリアル

目次1. システムイメージファイルをダウンロードする2. 新しい仮想マシンを作成する3. Kali ...

div が contentEditable=true に設定されている場合、コンテンツをリセットした後にカーソルを配置することはできません。

最近、絵文字にコメントする機能が必要なコメント機能に取り組んでいたため、 contentEditab...

画像ボタン送信とフォーム繰り返し送信の問題に関する議論

多くの場合、フォームを美しくするために、送信ボタンが画像に置き換えられます。ただし、細部に注意を払わ...

MySQL における ${param} と #{param} の違い

${param}によって渡されるパラメータは、テーブル名やフィールド名を渡すなど、SQL文の一部と...

JavaScriptは両端キューを実装する

この記事の例では、両端キューを実装するためのJavaScriptの具体的なコードを参考までに共有して...

フロントエンドフレームワーク Vue における親子コンポーネントデータの双方向バインディングの実装

目次1. 親コンポーネントと子コンポーネント間の一方向の値転送1. 親から子への値の受け渡し2. 子...

Vue ルーティングフォールバックに最適なソリューション (vue-route-manager)

目次ルーティングマネージャー背景はじめる問題を解決する方法要約するルーティングマネージャー各ジャンプ...

vue+iviewのメニューとタブの連携方法

Vue+iview メニューとタブのリンク現在、vue+iview を使用してバックエンド管理システ...

CSS は、小さな鋭角のチャット ダイアログ ボックスで鋭角の吹き出し効果を実現します。

1. CSS を使用して、小さな尖った角のチャット ダイアログ ボックスと尖った角の吹き出しを描画...

WEB2.0の片手ルール

<br />前回のCSSに関する記事は、多くの人にあまり理解されませんでした。そのため、...

ページ リファクタリング スキル - Javascript、CSS

JS、CSSについてCS: ...上部のスタイルシートCSS式を避ける外部JS、CSSの使用JSと...

MySQL ビューの原則分析

目次更新可能なビュービューのパフォーマンスビューの制限ビューは MySQL 5.0 以降で導入されま...

Linux での Redis の永続性、マスター スレーブ同期、Sentinel の詳細な説明

1.0 Redis の永続性Redis はメモリ内データベースです。サーバー プロセスが終了すると、...

Vue カスタム オプション時間カレンダー コンポーネント

この記事の例では、参考のためにvueカスタムオプションタイムカレンダーコンポーネントの具体的なコード...