HTML tags: sub tag and sup tag

Today I will introduce two HTML tags that I don’t use very often: the sub tag and the sup tag.
Related article: HTML tags: optgroup, sub, sup, and bdo
Today I will introduce two HTML tags that I don’t use very often: the sub tag and the sup tag.
Definition and Usage:
The <sub> tag defines subscript text. <sup> defines superscript text. They are all inline elements and are slightly smaller than the current font by default.
example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>sub and sup tags in html</title>
<style type="text/css">
* { font-size:12px; font-family:Tahoma}
</style>
</head>
<body>
<div>
This tag is <sub>sub</sub>
This tag is <sup>sup</sup>
</div>
</body>
</html>

learn by analogy:

Let’s see how to achieve this effect with mathematical equations.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>sub and sup tags in html</title>
<style type="text/css">
* { font-size:12px; font-family:Tahoma}
</style>
</head>
<body>
<div>
x<sub>1</sub> y<sub>2</sub><sup>3</sup>=15
</div>
</body>
</html>
Other applications:
By chance, I discovered that Taobao had made some adjustments to its prices some time ago (I don't know why, but it has been restored now), which is different from the traditional price display in the past.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>sub and sup tags in html</title>>
</head>
<style type="text/css">

</style>
<body>
<span class="price"><sup>￥</sup>43.<sub>26</sub></span>
</body>
</html>
I believe that the application of sub and sup tags is not limited to this. The same is true for other HTML tags. As long as you understand them and mobilize your thinking and imagination, you can use them skillfully and show their unique charm.

<<: Implementation of adding remark information to mysql

>>: How to clear floating example code in css

Detailed explanation of CSS style cascading rules

HTML tags: sub tag and sup tag

Detailed explanation of CSS style cascading rules

MySql batch insert optimization Sql execution efficiency example detailed explanation

Talking about ContentType(s) from image/x-png

MySQL PXC builds a new node with only IST transmission (recommended)

Learn the key knowledge that must be mastered in the Vue framework

How to migrate sqlite to mysql script

Detailed explanation of MySQL data rows and row overflow mechanism

CSS horizontal progress bar and vertical progress bar implementation code

VMware15.5 installation Ubuntu20.04 graphic tutorial

VMware implements the detailed process of PXE+kickstart unattended installation of Centos7 system

Recommend

How to run nginx in Docker and mount the local directory into the image

How to use custom tags in html

A detailed introduction to JavaScript primitive values and wrapper objects

MySQL query optimization using custom variables

Implementation of HTML sliding floating ball menu effect

HTML basic summary recommendation (text format)

Ubuntu MySQL version upgraded to 5.7

MySQL query redundant indexes and unused index operations

Summary of Ubuntu backup methods (four types)

Detailed tutorial for installing winx64 under mysql8.0.18 (with pictures and text)

Detailed explanation of the usage and function of MySQL cursor

The complete implementation process of Sudoku using JavaScript

Detailed configuration of wireless network card under Ubuntu Server

Various ways to achieve the hollowing effect of CSS3 mask layer

About Vue virtual dom problem