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

Analysis of the difference between bold <b> and <strong>

Detailed code of the example of downloading the docker installation package from yum and installing it on an offline machine

1. On a networked machine, use the default centos...

HTML tags: sub tag and sup tag

Analysis of the difference between bold <b> and <strong>

MySQL sorting by conventional sorting, custom sorting, and sorting by Chinese pinyin letters

MySQL integrity constraints definition and example tutorial

Summary of the differences between Mysql primary key and unique key

In-depth understanding of umask in new linux file permission settings

How to use vue-cli to create a project and package it with webpack

40 CSS/JS style and functional technical processing

JavaScript implements select all and unselect all operations

A simple ID generation strategy: Implementation of generating globally unique ID from MySQL table

Common rule priority issues of Nginx location

Recommend

Tutorial on setting up scheduled tasks to backup the Oracle database under Linux

Complete steps to install MySQL 5.5 on CentOS

Introduction to Vue life cycle and detailed explanation of hook functions

Getting Started with Website Building for Beginners - The Conditions and Tools Needed to Build a Website

Detailed code of the example of downloading the docker installation package from yum and installing it on an offline machine

How to install Linux online software gcc online

How to reasonably use the redundant fields of the database

Analysis of basic usage of ul and li

Detailed explanation of the simple use of MySQL query cache

Detailed explanation of value transfer between parent and child components in Vue3

Not all pop-ups are rogue. Tips on designing website pop-ups

Nginx try_files directive usage examples

An article to understand the usage of typeof in js

Introduction to MySQL isolation level, lock and MVCC

Summary of methods for creating, listing, and deleting Docker containers on Linux