土曜日, 5月 17, 2025

HTMLとCSSの様々な表現 23 
化学式や関数の上付き文字と下付き文字の設定

化学式や関数の上付き文字と下付き文字の設定は<sup>と<sub>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>上付き文字と下付き文字</title>
<style>
body {
background: paleturquoise;
text-align: center;
line-height: 5px;
color: black;
}
</style>
<body>
<H4>硫酸の化学式は</H4>
<!-- 下付き文字は<sub></sub> -->
<H1>H<sub>2</sub>SO<sub>4</sub></H1>
<br>
<H4>二次関数の問題</H4>
<!-- 上付き文字は<sup></sup> -->
<H1>y=2(x-3)<sup>2</sup>+1</H1>
</body>
</html>

上付き文字は<sup></sup>で囲み
下付き文字は<sub></sub>で囲みます。