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

推薦する

iptables の再起動後に Docker の iptables ルールの完全なプロセスが失われる

原因と結果1. ansibleコマンドを使用してジャンプサーバー上のマシンBをテストすると、次のエラ...

MySQLからClickHouseに移行する5つの方法

データ移行は、MySQL から ClickHouse にインポートする必要があります。概要プランは以...

js での typeof の使い方を理解するための記事

目次ベース戻り値の型文字列とブール値数値とbigintシンボル未定義関数物体他のよくある質問参照エラ...

エラー 1045 (28000): ユーザー ''root''@''localhost'' のアクセスが拒否されました (パスワード使用: YES) 実用的な解決策

昨日はデータベースへの接続に問題はありませんでしたが、今日はデータベースへの接続時にこのエラーが報告...

MySQL 8.0.22 winx64 のインストールと設定方法のグラフィックチュートリアル

MySQL-8.0.22-winx64のデータベースインストールチュートリアルは参考になります。具体...

Vue で v-for を更新する方法

ヒント:配列変更メソッドによりv-forが更新され、ページが更新されます。配列を変更しないメソッド:...

MySQL5.7.03 上位バージョンから MySQL 5.7.17 への置き換えインストール プロセスと見つかった問題の解決策

1. インストール方法は? 1. [実行] -> [cmd] と入力して、小さな黒いウィンドウ...

Python Django アプリケーションを Docker 化する方法

Docker は、開発者やシステム管理者がアプリケーションを軽量コンテナとして構築およびパッケージ化...

Dockerに証明書を追加する方法

1. アップグレードプロセス: sudo apt-get updateパッケージが見つからない、パッ...

フロントエンド例外 502 不正なゲートウェイの原因と解決策

目次502 不正なゲートウェイ エラーの発生1. 502 不正なゲートウェイ エラーとは何ですか? ...

Vue3 テーブルコンポーネントの使用

目次1. Antデザインビュー1. 公式ウェブサイトアドレス2. 使い方3.電子書籍テーブルを表示す...

レスポンシブWebデザイン学習(2) — 動画をレスポンシブにすることはできるのか?

前回のエピソードレビュー:昨日は、ページがさまざまなデバイス サイズにどのように対応するかについて説...

ウェブページの読み込み進捗状況バーの詳細な説明(推奨)

(Web ページの読み込み中に、コンテンツが多すぎて読み込みと待機が続くことがあります。このとき、...

MySQL プロセス制御 IF()、IFNULL()、NULLIF()、ISNULL() 関数

MySQL では、IF()、IFNULL()、NULLIF()、および ISNULL() 関数を使用...

HTMLページをクリックしてダウンロードファイルを実装する2つの方法

1. <a>タグを使用して完了します <a href="/user/te...