What is the sub tag in html? Introduction to the definition and use of html sub tags

寻∝梦
Release: 2018-08-23 13:41:43
Original
5864 people have browsed it

本篇文章关于html sub标签的定义和使用方法做了个大致的介绍,认真读完的应该能明白这个标签的具体用法,因为这个标签是和html sup标签一起使用才能更好,所以下一篇就将是关于sup标签的内容了,好了,下面开始看内容吧

html中sub标签的定义和用法:

标签可定义下标文本。

包含在 标签和其结束标签 中的内容将会以当前文本流中字符高度的一半来显示,但是与当前文本流中文字的字体和字号都是一样的。

提示:无论是 标签还是和它对应的 标签,在数学等式、科学符号和化学公式中都非常有用。

HTML 标签实例

定义sub为下标文本:

<p>这个文本包含 <sub>下标</sub>文本。</p>
Copy after login

字体文本标签讲解标签

字体标签定义字体的显示效果,有些标签它有独自的语义。

<sub>感谢您对PHP中文网的支持</sub>
Copy after login

语义:定义在浏览器显示下标文本,一般用于化学式的书写

如水的化学式:H2O

实例源代码:

<!DOCTYPE HTML PsubBLbC "-//W3C//DTD HTML 4.01 Transbtbonal//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-eqsubbv="Content-Type" content="text/html; charset=gb2312">
<title>字体文本标签讲解<sub></sub>标签</title>
</head>
<body>
<p>字体文本标签讲解&lt;sub&gt;&lt;/sub&gt;标签</p>
<p>字体标签定义字体的显示效果,有些标签它有独自的语义。<br>
</p>
<p><strong>&lt;sub&gt;标签</strong></p>
<p><sub>&lt;sub&gt;感谢您对PHP中文网的支持&lt;/sub&gt;</sub></p>
<p>语义:定义在浏览器显示下标文本,一般用于化学式的书写</p>
<p>如水的化学式:H<sub><strong>2</strong></sub>O</p>
</html>
Copy after login

html中sub标签的语法结构:

<sub>下标</sub>
Copy after login

html中sub标签的代码实例:

<!DOCTYPE html>
<html>
<head>
<title>HTML 上标 下标实例</title>
</head>
<body>
水的化学式:H<sub>2</sub>O
</body>
</html>
Copy after login

浏览器支持

所有浏览器都支持 标签。

HTML 4.01 与 HTML5之间的差异

无。

以上就是本篇文章关于html sub标签的介绍了,希望看完对大家有点用处。想看更多的标签知识,请看我的相关推荐,还有下一篇关于html sup标签的知识:

html sup和sub标签怎么用?html sup标签和sub标签的定义和用法实例

【小编的相关推荐】

html em标签的作用是什么?标签的区别

html col标签是什么意思?html col标签的使用实例介绍

The above is the detailed content of What is the sub tag in html? Introduction to the definition and use of html sub tags. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template