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

A brief discussion on the semantics of HTML and some simple optimizations

HTML tags: sub tag and sup tag

A brief discussion on the semantics of HTML and some simple optimizations

Sample code for implementing a background gradient button using div+css3

Example of implementing hollow triangle arrow and X icon with after pseudo element

The basic use of html includes links, style sheets, span and div, etc.

React implements a highly adaptive virtual list

Vue template compilation details

A brief discussion on the binary family of JS

Manually install mysql5.7.10 on Ubuntu

Interviewer asked how to achieve a fixed aspect ratio in CSS

Summary of relevant knowledge points of ajax in jQuery

Recommend

MySQL database architecture details

Maven project remote deployment && How to configure database connection using tomcat

Install redis and MySQL on CentOS

Solve the problem of Tomcat10 Catalina log garbled characters

JS implements Baidu search box

Dealing with the problem of notes details turning gray on web pages

How to configure /var/log/messages in Ubuntu system log

Implementation of CSS linear gradient concave rectangle transition effect

Continuous delivery using Jenkins and Docker under Docker

Bootstrap 3.0 study notes for beginners

Detailed explanation of MySQL to obtain statistical data for each day and each hour of a certain period of time

CSS code for arranging photos in Moments

How to expand the disk space of Linux server

Teach you how to install docker on windows 10 home edition

How to use anti-shake and throttling in Vue