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

推薦する

HTML+CSS でハートビートの特殊効果を作成する

今日は、シンプルなハートビート効果を作成します。多くのコードは必要ありません。ボックスを追加し、CS...

HTML におけるいくつかの特殊属性タグの使用法の紹介

以下の属性はブラウザとの互換性があまりありません。 1.transform:rotate(45度) ...

JavaScript Alert関数の実行順序の詳細な説明

目次質問分析する解決するAlert() 関数を置き換えるsetTimeOut関数まとめ質問数日前、J...

MySQLの手順を完全に削除する

目次1. まずMySQLサーバーを停止する2. MySQLサーバーをアンインストールする3. MyS...

誰もが知っておくべきウェブサイトのユーザビリティに関する 10 のヒント

これ以上時間を無駄にせず、早速本題に入りましょう。 1. ロゴに代替テキストを追加するこれには 2 ...

Zabbix による SQL Server の監視プロセスの詳細な説明

Zabbix による SQL Server の監視を見てみましょう。まずfreetdsをダウンロード...

Dockerコンテナはルーティングを介して直接通信し、ネットワーク通信を実現します。

概要Docker 自体の現在のデフォルト ネットワークについては、単一ホスト上の異なる Docker...

Mac インストール mysqlclient プロセス分析

仮想環境で pip 経由でインストールしてみてください: pip で mysqlclient をイン...

HTML ページ ヘッダー コード例の詳細な説明

知識ポイント1: ヘッダー情報にWebページのベースURLを設定するベース URL の本質は、ハイパ...

Vue3 Reactivityの実装方法を教えます

目次序文始めるちょっとした考えコードの実装真似する実装トラックトリガーの実装観察の実装計算の実装序文...

システム CD をマウントして yum ウェアハウスを構築する VMware 15.5 バージョンのグラフィック チュートリアル

1. CentOS 7 仮想マシンを開きます。 2. 仮想マシンにログインし、リストにないユーザー名...

Idea で Docker を使用して SpringBoot プロジェクトをデプロイする詳細な手順

序文プロジェクト要件: Dockeridea に Docker プラグインをインストールし、Dock...

MySQL での coalesce() の使用に関するヒントのまとめ

序文最近、偶然 MySQL の coalesce を発見しました。ちょうど時間があったので、MySQ...

docker runとstartの違い

docker における実行と開始の違いDocker run はミラーイメージを指定します。そしてdo...