\n
\n

Mathematical Equations<\/h2>\n
\n

Mathematical formulas<\/h4>\n

Area of Square :<\/b> A = l 2 <\/sup><\/p>\n

Area of Circle :<\/b> A = 3.14 * r 2 <\/sup><\/p>\n

Area of Sphere :<\/b> A = 4 * 3.14* 4 2 <\/sup><\/p>\n

Area of Cube :<\/b> V = s 3 <\/sup><\/p>\n

Area of Cylinder :<\/b> V = 3.14 * r 2<\/sup><\/p>\n

Product :<\/b> A m <\/sup> * A n <\/sup> = a m + n<\/sup><\/p>\n

Quotient :<\/b> A m <\/sup> \/ A n <\/sup> = a m - n<\/sup><\/p>\n

Power of Power :<\/b> (a*b) n <\/sup> = a n <\/sup>? * b n <\/sup>\n

Power of Power :<\/b> (a\/b) n <\/sup> = a n <\/sup> \/ b n<\/sup><\/p>\n

Zero Exponents :<\/b> a 0 <\/sup> = 1<\/p>
\n<\/div>\n

\n

Factoring formulas <\/h4>\n

a2<\/sup> - b 2<\/sup> = (a - b) * ( a + b ) <\/b> <\/p>\n

a4<\/sup> - b 4<\/sup> = (a - b) * ( a + b ) * (a 2<\/sup> + b 2<\/sup> ) <\/b> <\/p>\n

a6<\/sup> - b 6<\/sup> = (a - b) * ( a + b ) * (a 2<\/sup> -ab + b 2<\/sup> ) * (a 2<\/sup> +ab + b 2<\/sup> ) <\/b> <\/p>\n

a3<\/sup> + b 3<\/sup> = (a + b) * (a 2<\/sup> -ab + b 2<\/sup> ) <\/b> <\/p>\n

a3<\/sup> - b 3<\/sup> = (a - b) * (a 2<\/sup> +ab + b 2<\/sup> )? <\/b> <\/p>\n

(a+b) 2<\/sup> = a 2<\/sup> + 2ab + b 2<\/sup> <\/b> <\/p>\n

(a-b) 2<\/sup> = a 2<\/sup> -2ab + b 2<\/sup> <\/b> <\/p>\n

(a+b+c) 2<\/sup> = a 2<\/sup> + b 2<\/sup>? + c 2<\/sup> + 2(ab + bc + ca) <\/b> <\/p>\n

(a+b) 3<\/sup> = a 3<\/sup> + b 3<\/sup> + 3ab(a+b) <\/b> <\/p>\n

(a-b) 3<\/sup> = a 3<\/sup> - b 3<\/sup> - 3ab(a-b) <\/b> ?<\/p>\n<\/div>\n<\/div>\n<\/body>\n<\/html><\/pre>\n

出力: <\/strong><\/p>\n\n\n

\"HTML<\/p>\n

例 #2<\/h4>\n

で數(shù)値の正方形と立方體を表示します。タグ。<\/sup><\/p>\n

コード: <\/strong><\/p>\n

\n\n\n\n<\/head>\n

国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

\n

Squares and Cube of Numbers<\/h2>\n

Numbers & its Square<\/h4>\n

1 2 <\/sup> = 1<\/b> <\/p>\n

2 2 <\/sup> = 4<\/b> <\/p>\n

3 2 <\/sup> = 9<\/b> <\/p>\n

4 2 <\/sup> = 16<\/b> <\/p>\n

5 2 <\/sup> = 25<\/b> <\/p>\n

Numbers & its Cube<\/h4>\n

1 3 <\/sup> = 1<\/b> <\/p>\n

2 3 <\/sup> = 8<\/b> <\/p>\n

3 3 <\/sup> = 27<\/b> <\/p>\n

4 3 <\/sup> = 64<\/b> <\/p>\n

5 3 <\/sup> = 125<\/b> <\/p>\n<\/body>\n<\/html><\/pre>\n

出力: <\/strong><\/p>\n

\"HTML<\/p>\n

例 #3<\/h4>\n

タグは、以下に示すように物理方程式を表すために使用されます。<\/sup><\/p>\n\n\n

コード: <\/strong><\/p>\n

\n\n\n\n<\/head>\n\n

Physics Equations<\/h2>\n

Kinetic Energy formula E = 1\/2 mv 2 <\/sup><\/b> <\/p>\n

Kinetic Elastic Energy formula E = 1\/2 ke? 2 <\/sup><\/b> <\/p>\n

Enery of object: E= MC 2 <\/sup> <\/b> <\/p>\n

Power Current resistance formula = I 2 <\/sup> R<\/b> <\/p>\n

Formula for calculating velocity , distance and acceleration : v 2 <\/sup> - u 2 <\/sub> =2as<\/b> <\/p>\n<\/body>\n<\/html><\/pre>\n

出力: <\/strong><\/p>\n

\"HTML<\/p>\n

結(jié)論<\/h3>\n

ここで、 がHTML コード內(nèi)の タグ は、関連する HTML ドキュメント內(nèi)の上付きテキストを表します。ユーザーは主に、數(shù)式、科學(xué)方程式、および言語(yǔ)の略語(yǔ)の表示にこのタグを使用します。通常よりも半分の行にテキストが表示され、テキスト サイズも小さくなります。<\/p>"}

目次
HTML の SUP タグの例
例 #3
結(jié)論

HTML の SUP タグ

Sep 04, 2024 pm 04:26 PM
html html5 HTML Tutorial HTML Properties HTML tags

HTML の

SUP タグは、HTML ドキュメントに上付きテキストを追加します。 SUP は、Superscript Text の略稱です。主に HTML 言語(yǔ)で數(shù)式や科學(xué)公式を表すために使用されます。 SUP タグの配置は、ベースライン上のキャラクターの高さの半分の位置です。これは活版印刷の目的のみに使用されます。このタグのもう 1 つの用途は、腳注を表示することです。

.. で囲まれたテキストインライン テキスト形式で上付き文字を小さいフォント サイズで表示します。テキスト表現(xiàn)で數(shù)値のべき乗を示す指數(shù)を表示するためにこれを使用するのが一般的です。タグには特別な屬性はありませんが、グローバル屬性とイベント屬性をサポートしています。

構(gòu)文:

HTML で sup タグを使用するには、以下の構(gòu)文に従います。

<sup> text </sup>
  • 上記の構(gòu)文に示すように、 の間にあるテキストはタグはテキストの上付き文字とみなされます。人々はそれを數(shù)式や特定の科學(xué)方程式で使用します。
  • 例:

    52 = 25

  • HTML sup タグは、accesskey、c??lass、data-*、dir、conenteditable、draggable、dropzone、hidden、id、lang、spellcheck、style、tabindex、title、translate などのグローバル屬性をサポートします。
  • また、onafterprint、onbeforeprint、onerror、onbeforeunload、onhashchange、onload、onmessage、ononline、onoffline、onpagehide、onpopstate、onpageshow、onpagehide、onresize、onunload、onstorage などのイベント屬性もサポートします。

HTML の SUP タグの例

sup タグを使用して、ビジネスや製品の目的でスタイリッシュなワードマークを表示することもできます。 CSS を使用して行うこともできます。ここでは sup タグを使用していません。この例は次のとおりです:

例 #1

を使用して數(shù)學(xué)方程式をどのように書くことができるかを見てみましょう。タグ。例には、以下に示すように、さまざまな數(shù)式が含まれています。

コード:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}
.column {
float: left;
width: 40%;
}
</style>
</head>
<body>
<div class="row">
<h2>Mathematical Equations</h2>
<div class="column">
<h4>Mathematical formulas</h4>
<p> <b> Area of Square :</b> A = l <sup> 2 </sup></p>
<p> <b> Area of Circle :</b> A = 3.14 * r <sup> 2 </sup></p>
<p> <b> Area of Sphere :</b> A = 4 * 3.14* 4 <sup> 2 </sup></p>
<p> <b> Area of Cube :</b> V = s <sup> 3 </sup></p>
<p> <b> Area of Cylinder :</b> V = 3.14 * r <sup>2</sup></p>
<p> <b> Product :</b> A <sup> m </sup> * A <sup> n </sup> = a <sup>m + n</sup></p>
<p> <b> Quotient :</b> A <sup> m </sup> / A <sup> n </sup> = a <sup>m - n</sup></p>
<p> <b> Power of Power :</b> (a*b) <sup> n </sup> = a <sup> n </sup>? * b <sup> n </sup>
<p> <b> Power of Power :</b> (a/b) <sup> n </sup> = a <sup> n </sup> / b <sup>n</sup></p>
<p> <b> Zero Exponents :</b> a <sup> 0 </sup> = 1</p> <br>
</div>
<div class="column" >
<h4> Factoring formulas </h4>
<p> <b> a<sup>2</sup> - b <sup>2</sup> = (a - b) * ( a + b ) </b> </p>
<p> <b> a<sup>4</sup> - b <sup>4</sup> = (a - b) * ( a + b ) * (a <sup>2</sup> + b <sup>2</sup> ) </b> </p>
<p> <b> a<sup>6</sup> - b <sup>6</sup> = (a - b) * ( a + b ) * (a <sup>2</sup> -ab + b <sup>2</sup> ) * (a <sup>2</sup> +ab + b <sup>2</sup> ) </b> </p>
<p> <b> a<sup>3</sup> + b <sup>3</sup> = (a + b) * (a <sup>2</sup> -ab + b <sup>2</sup> ) </b> </p>
<p> <b> a<sup>3</sup> - b <sup>3</sup> = (a - b) * (a <sup>2</sup> +ab + b <sup>2</sup> )? </b> </p>
<p> <b>(a+b) <sup>2</sup> = a <sup>2</sup> + 2ab + b <sup>2</sup> </b> </p>
<p> <b> (a-b) <sup>2</sup> = a <sup>2</sup> -2ab + b <sup>2</sup> </b> </p>
<p> <b> (a+b+c) <sup>2</sup> = a <sup>2</sup> + b <sup>2</sup>? + c <sup>2</sup> + 2(ab + bc + ca) </b> </p>
<p> <b> (a+b) <sup>3</sup> = a <sup>3</sup> + b <sup>3</sup> + 3ab(a+b) </b> </p>
<p> <b> (a-b) <sup>3</sup> = a <sup>3</sup> - b <sup>3</sup> - 3ab(a-b) </b> ?</p>
</div>
</div>
</body>
</html>

出力:

HTML の SUP タグ

例 #2

で數(shù)値の正方形と立方體を表示します。タグ。

コード:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h2>Squares and Cube of Numbers</h2>
<h4>Numbers & its Square</h4>
<p> <b> 1<sup> 2 </sup> = 1</b> </p>
<p> <b> 2<sup> 2 </sup> = 4</b> </p>
<p> <b> 3<sup> 2 </sup> = 9</b> </p>
<p> <b> 4<sup> 2 </sup> = 16</b> </p>
<p> <b> 5<sup> 2 </sup> = 25</b> </p>
<h4>Numbers & its Cube</h4>
<p> <b> 1<sup> 3 </sup> = 1</b> </p>
<p> <b> 2<sup> 3 </sup> = 8</b> </p>
<p> <b> 3<sup> 3 </sup> = 27</b> </p>
<p> <b> 4<sup> 3 </sup> = 64</b> </p>
<p> <b> 5<sup> 3 </sup> = 125</b> </p>
</body>
</html>

出力:

HTML の SUP タグ

例 #3

タグは、以下に示すように物理方程式を表すために使用されます。

コード:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h2>Physics Equations</h2>
<p><b>Kinetic Energy formula E = 1/2 mv <sup> 2 </sup></b> </p>
<p><b>Kinetic Elastic Energy formula E = 1/2 ke? <sup> 2 </sup></b> </p>
<p> <b> Enery of object: E= MC<sup> 2 </sup> </b> </p>
<p><b>Power Current resistance formula = I<sup> 2 </sup> R</b> </p>
<p><b> Formula for calculating velocity , distance and acceleration : v<sup> 2 </sup> - u <sub>2 </sub> =2as</b> </p>
</body>
</html>

出力:

HTML の SUP タグ

結(jié)論

ここで、 がHTML コード內(nèi)の タグ は、関連する HTML ドキュメント內(nèi)の上付きテキストを表します。ユーザーは主に、數(shù)式、科學(xué)方程式、および言語(yǔ)の略語(yǔ)の表示にこのタグを使用します。通常よりも半分の行にテキストが表示され、テキスト サイズも小さくなります。

以上がHTML の SUP タグの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。

このウェブサイトの聲明
この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脫衣畫像を無(wú)料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード寫真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

寫真から衣服を削除するオンライン AI ツール。

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無(wú)料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無(wú)料のコードエディター

SublimeText3 中國(guó)語(yǔ)版

SublimeText3 中國(guó)語(yǔ)版

中國(guó)語(yǔ)版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強(qiáng)力な PHP 統(tǒng)合開発環(huán)境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Webページを構(gòu)築するための重要なHTML要素は何ですか? Webページを構(gòu)築するための重要なHTML要素は何ですか? Jul 03, 2025 am 02:34 AM

Webページ構(gòu)造は、Core HTML要素でサポートする必要があります。 1.ページの全體的な構(gòu)造は、メタ情報(bào)を保存してコンテンツを表示するルート要素であるルート要素で構(gòu)成されています。 2。コンテンツ組織は、組織構(gòu)造とSEOを改善するために、タイトル( - )、パラグラフ()、およびブロックタグ(など)に依存しています。 3.ナビゲーションは実裝され、実裝され、一般的に使用される組織にはリンクされ、ARIA-CURRENT屬性が補(bǔ)完され、アクセシビリティが強(qiáng)化されます。 4。フォームインタラクションは、、、完全なユーザー入力と提出機(jī)能を確保するための、、および、、、、および、これらの要素を適切に使用すると、ページの明確さ、メンテナンス、検索エンジンの最適化が向上する可能性があります。

HTML5サーバーセントイベントでの再接続とエラーの処理。 HTML5サーバーセントイベントでの再接続とエラーの処理。 Jul 03, 2025 am 02:28 AM

HTML5SSEを使用する場(chǎng)合、再接続とエラーに対処する方法には次のものが含まれます。1。デフォルトの再接続メカニズムを理解します。 EventSourceは、デフォルトで接続が中斷されてから3秒後に再試行します。再試行フィールドを介して間隔をカスタマイズできます。 2.接続障害または解析エラーに対処するためにエラーイベントを聞いて、自動(dòng)再接続に依存しているネットワークの問(wèn)題、サーバーエラーが手動(dòng)で再接続を遅らせる、認(rèn)証障害の更新トークンなど、対応するロジックを?qū)g行し、実行するロジックを?qū)g行します。 3.接続の手動(dòng)での閉鎖と再構(gòu)築、再試行時(shí)間の最大數(shù)を設(shè)定するなど、再接続ロジックを積極的に制御し、ナビゲーターを組み合わせてネットワークステータスを判斷して再試行戦略を最適化します。これらのメジャーは、アプリケーションの安定性とユーザーエクスペリエンスを改善できます。

最新のページの正しいHTML5 Doctypeを宣言します。 最新のページの正しいHTML5 Doctypeを宣言します。 Jul 03, 2025 am 02:35 AM

Doctypeは、ページを解析するために使用するHTML標(biāo)準(zhǔn)をブラウザに伝えるステートメントです。最新のWebページは、HTMLファイルの先頭に記述するだけです。その機(jī)能は、ブラウザが奇妙なモードではなく標(biāo)準(zhǔn)モードでページをレンダリングし、その前にスペースやコメントがない最初の行に配置する必要があることを確認(rèn)することです。それを書く正しい方法は1つだけであり、古いバージョンやその他のバリアントを使用することはお?jiǎng)幛幛筏蓼护蟆?charset、viewportなどのその他は、部分的に配置する必要があります。

HTML屬性を使用したクライアント側(cè)フォーム検証の実裝。 HTML屬性を使用したクライアント側(cè)フォーム検証の実裝。 Jul 03, 2025 am 02:31 AM

client-sideformvalidationcanbedonewithoutjavascriptbyusinghtmlattributes.1)userequedtoeenforcemandatoryfields.2)validateemailsandurlswitttributeslikemailorurl、orusepatternwithregexforcustomformats.3)

HTML5セマンティックマークアップとマイクロダタでSEOを改善します。 HTML5セマンティックマークアップとマイクロダタでSEOを改善します。 Jul 03, 2025 am 01:16 AM

HTML5セマンティックタグとマイクロダタを使用すると、SEOが改善できます。これは、検索エンジンがページ構(gòu)造とコンテンツの意味をよりよく理解するのに役立つためです。 1. ,,,、などのHTML5セマンティックタグを使用し、ページブロックの関數(shù)を明確にします。これにより、検索エンジンがより正確なページモデルを確立するのに役立ちます。 2。検索エンジンが情報(bào)タイプを識(shí)別し、リッチメディアの概要を表示するためにそれらを使用できるように、記事著者、リリース日、製品価格など、特定のコンテンツをマークするためにマイクロダタ構(gòu)造データを追加します。 3.タグの正しい使用に注意して、混亂を避け、タグの重複を避け、構(gòu)造化されたデータの有効性をテストし、定期的に更新してschema.orgの変更に適応し、他のSEO手段と組み合わせて長(zhǎng)期的に最適化します。

HTMLを使用して選択したドロップダウン內(nèi)でオプションをグループ化する方法は? HTMLを使用して選択したドロップダウン內(nèi)でオプションをグループ化する方法は? Jul 04, 2025 am 03:16 AM

HTMLのタグを使用して、ドロップダウンメニューにオプションをグループ化します。特定の方法は、次のような要素のグループを包み、ラベル屬性を介してグループ名を定義することです。1。リンゴ、バナナ、オレンジなどのオプションが含まれます。 2。ニンジン、ブロッコリーなどのオプションが含まれています。 3。それぞれが獨(dú)立したグループであり、グループ內(nèi)のオプションは自動(dòng)的にインデントされます。メモには以下が含まれます。 firsedグループ全體を無(wú)効にする屬性を介して無(wú)効にすることができます。 styleスタイルは制限されており、CSSまたはサードパーティライブラリと組み合わせて美化する必要があります。 select2などのプラグインを使用して機(jī)能を強(qiáng)化できます。

HTMLボタン要素を使用してクリック可能なボタンを?qū)g裝します HTMLボタン要素を使用してクリック可能なボタンを?qū)g裝します Jul 07, 2025 am 02:31 AM

HTMLボタン要素を使用してクリック可能なボタンを?qū)g現(xiàn)するには、まずその基本的な使用法と一般的な予防策を習(xí)得する必要があります。 1.デフォルトで送信されるタイプ屬性(ボタン、送信、リセットなど)を使用してタグを使用してボタンを作成し、動(dòng)作を定義します。 2. JavaScriptを介してインタラクティブな関數(shù)を追加します。これは、IDを介してインラインまたはバインドイベントリスナーを作成してメンテナンスを改善することができます。 3. CSSを使用して、バックグラウンドカラー、ボーダー、丸いコーナー、ホバー/アクティブステータス効果などのスタイルをカスタマイズして、ユーザーエクスペリエンスを強(qiáng)化します。 4.一般的な問(wèn)題に注意してください:無(wú)効な屬性が有効になっていないことを確認(rèn)し、JSイベントが正しくバインドされ、レイアウトオクルージョンがあり、開発者ツールのヘルプを使用して例外をトラブルシューティングします。これをマスターします

CSSとJavaScriptをHTML5構(gòu)造と効果的に統(tǒng)合します。 CSSとJavaScriptをHTML5構(gòu)造と効果的に統(tǒng)合します。 Jul 12, 2025 am 03:01 AM

HTML5、CSS、およびJavaScriptは、セマンティックタグ、妥當(dāng)な読み込み順序、デカップリング設(shè)計(jì)と効率的に組み合わせる必要があります。 1. SEOやバリアのないアクセスを助長(zhǎng)する構(gòu)造の明確性と保守性の向上など、HTML5セマンティックタグを使用します。 2。CSSを配置し、外部ファイルを使用し、モジュールごとに分割して、インラインスタイルと遅延荷重問(wèn)題を回避する必要があります。 3. JavaScriptは、前に導(dǎo)入され、Deferまたは非同期を使用して非同期にロードすることをお?jiǎng)幛幛筏蓼埂?4. 3つの間の強(qiáng)い依存性を減らし、データ - *屬性とクラス名制御ステータスを介して動(dòng)作を促進(jìn)し、統(tǒng)一された命名仕様を介してコラボレーション効率を改善します。これらの方法は、ページのパフォーマンスを効果的に最適化し、チームと協(xié)力することができます。

See all articles