1.上标文本标签：<sup>/<sup>

　　　2.下标文本标签：<sub></sub>

　　　3.案例代码

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <title>上标和下标文本</title>

 </head>

 <body>

    <p>c = a<sup>2</sup> + b<sup>2</sup></p>

    <p>2H<sub>2</sub> + O<sub>2</sub> → 2H<sub>2</sub>O</p>

 </body>

</html>

　　4.案例截图

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjoAAACLCAIAAADnI6RuAAADq0lEQVR4nO3byw6iQBRAQf//p2c2M4nxBY2N9jFVOwxC6+KeIHj5AwDLu3x7AQCwTa4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoCARXN1+e/nTwrAHiuO5utgfCweXzkpADutOJflCoAbq8/lr5RDrgBWs/Rcnp6NPbemtApgQeuO5qFs7N/59Z5aBbCmRafzaDam5EqrAJY1bUBfHjl8qPPe8mxPrQJY2faMPvXfSA/bdqB5o7m6P/KU0AJwkoHnDs548OHF5s4jjF7SXe8jSwAV33/uYMo1zeEfAxULIGFaro7du5p19SZXAL/tm1dXE8shVwC/rX3v6sB73bsCKFroycDPPJL37MlAAFZmZAMQIFcABMgVAAFyBUCAXAEQIFcABMgVAAFyBUCAXAEQIFcABMgVAAFyBUCAXAEQIFcABMgVAAFyBUCAXAEQIFcABMgVAAFyBUCAXAEQIFcABMgVAAEbubpcuXnl4eapPnmunSt552tZ5+MArG9jnj7cfPb6kdPvfu/1nhNH/IFDTflaTvo4AL+qkav73eYWa+ho738tp34cgJ8kV/+Otj9acgXweRN+i0vk6jJi6LDPliRXABMdzNXh+f7sCK8PstTV1bNl7P9EcgUw6q2fv+43R+f+lKurw7G5fvuxN+7cvFmhXAGM2p6Sm7P14RQ+3KHRNRw46YEFDC3pZvN+hXIFMGr7f1ebL6ZzdcybX4tcAYw668nAubn6sy9Lnxn6U76Wr1QWoGsjV/fPDtzfhrm/93PS/H19j+qTl1ZTvpbXHweAa/Nn5Vfm7/pDf/0VAqxs8gzVqofWXyHA4ib/e2ni0VY+6ZD1VwiwvlP+bPvJWzJfOemQ9VcIsD7TE4AAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoCAvydpq9e5ZqbmAAAAAElFTkSuQmCC" alt="" />

　　在网页中如果要把文字合理的显示出来，离不开段落标记的使用。对网页中文字段落进行排版，并不像编辑软件那样简单，在网页中要使某一段文字放在特定的位置就要使用HYML标记来实现。

HTML5基础知识（1）--上标和下标文本的更多相关文章

  1. HTML5基础知识及相关笔记

    HTML5基础 1.1HTML文件的基本结构和W3C标准 1.1.1HTML简介 HTML是一种描述网页的语言,一种超文本标记的语言! 1.1.2HTML文件的基本结构 头部(head) 头部是网页的 ...

  2. HTML5 基础知识（1）——基本标签

    ## HTML**概念**:是最基础的网页开发语言(Hyper Text Markup Langage 超文本标记语言) > 1.超文本:超文本是用超链接的方式i,将各种不同空间的文字组织在一起 ...

  3. html5基础知识

    html5+css3 html5定义很多简便东西和宽松语法:     文档头:         <!doctype html>     文档编码:         <meta cha ...

  4. 【前端】之HTML5基础知识

    HTML5 文件格式 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...

  5. HTML5基础知识汇总（一）

    一.HTML的开发工具和使用的浏览器 开发工具:记事本等文本编辑器,Atom.VisualStudioCode( VSCode).Brackets.Sublime text和Hbuider. 浏览器: ...

  6. 前端 | HTML5基础知识

    1 HTML定义 HTML(英文Hyper Text Markup Language的缩写)中文译为"超文本标签语言",主要是通过HTML标签对网页中的文本.图片.声音等内容进行描 ...

  7. HTML5基础知识（4）--white-space属性

    1.white-space 属性设置如何处理元素内的空白. 这个属性声明建立布局过程中如何处理元素中的空白符.值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的. 默认值: no ...

  8. HTML5基础知识（2）--标题标签的使用

    1.HTML文档中包含各种级别的标题,各种级别的标题由<h1>到<h6>元素来定义,<h1>至<h6>标题标记中的字母h是英文headline的简称.其 ...

  9. HTML5基础知识（一）---标签

    在HTML5中,Web页面中重新调整了页面规划,这其中新引入了几个新标记. 我们将创建一个简单的Web页面,该页面包含一个Header区.一个Navigation区.一个Article区(包含三个部分 ...

随机推荐

  1. 最短路问题Dijkstra算法

    Dijkstra算法可以解决源点到任意点的最短距离并输出最短路径 准备: 建立一个距离数组d[ n ],记录每个点到源点的距离是多少 建立一个访问数组v[ n ],记录每个点是否被访问到 建立一个祖先 ...

  2. POJ3211 Washing Clothes[DP 分解 01背包可行性]

    Washing Clothes Time Limit: 1000MS   Memory Limit: 131072K Total Submissions: 9707   Accepted: 3114 ...

  3. 第五章项目：QuickHit

    需求概述: 根据输入速率和正确率将玩家分为不同级别,级别越高,一次显示的字符数越多,玩家正确输入一次的得分也越高.如果玩家在规定时间内完成规定次数的输入,正确率达到规定要求,则玩家升级(为了简单起见, ...

  4. Unity 5 WebGL vs Web Player

    起原 Unity5.3中看到Web Player未来将到被取消,根据Unity官方blog中称Unity5.4中将会移除web player. 本文从我知道的知识比较一下webPlayer和WebGL ...

  5. 在嵌入式开发板中运行程序提示-/bin/sh: ./xx: not found的解决办法

    今天拿着我的tiny6410板子,在虚拟机上用 $arm-linux-gcc he.c -o he 编译后放到tiny6410的文件系统中提示 -/bin/sh: ./xx: not found 后来 ...

  6. [No000062]读书八字诀：怎样将书读得通透？

    从吃透到通透 有种说法,吃透一本书,才算好好读过.然而比吃透境界更高,是通透.吃透仅限于书中内容,通透则是将书中内容与正反上下.古今中外背景知识相互关联. 当你做到读书通透,收获将远远大于手头那一本书 ...

  7. stl学习（三）crope的用法

    转载自http://blog.csdn.net/iamzky/article/details/38348653 曾经我不会写平衡树……于是在STL中乱翻……学到了pb_ds库中的SXBK的斐波那契堆. ...

  8. 程序流程的控制之条件分支（Delphi）

    if语句主要来检测一个条件,并根据这个条件是True或者False来执行一段代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 var   I: Integer ...

  9. git 本地分支与远程分支

    github上已经有master分支 和dev分支 在本地 git checkout -b dev 新建并切换到本地dev分支 git pull origin dev 本地分支与远程分支相关联 在本地 ...

  10. Inline Workers--Web workers without a separate Javascript file

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head&g ...