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. Neutron分析（4）—— neutron-dhcp-agent

    一.概述 neutron dhcp为租户网络提供DHCP服务,即IP地址动态分配,另外还会提供metadata请求服务. 3个主要的部件: DHCP agent scheduler:负责DHCP ag ...

  2. 增量式PID计算公式4个疑问与理解

    一开始见到PID计算公式时总是疑问为什么是那样子?为了理解那几道公式,当时将其未简化前的公式“活生生”地算了一遍,现在想来,这样的演算过程固然有助于理解,但假如一开始就带着对疑问的答案已有一定看法后再 ...

  3. c++ learning note

    1/  int 转换成 string 格式 #include<sstream> std::stringstream ss; str::string temp; int n; ss<& ...

  4. AC日记——矩阵交换行 openjudge 1.8 01

    01:矩阵交换行 总时间限制:  1000ms 内存限制:  65536kB 描述 给定一个5*5的矩阵(数学上,一个r×c的矩阵是一个由r行c列元素排列成的矩形阵列),将第n行和第m行交换,输出交换 ...

  5. 转：设置Eclipse中的tab键为4个空格的完整方法

    from: https://my.oschina.net/xunxun10/blog/110074   设置Eclipse中的tab键为4个空格的完整方法 收藏 XunXun10 发表于 4年前 阅读 ...

  6. svn那些错误

    一.提交.a文件 第一种方法: 1. 通常选择svn的commit后一般不会上传.a文件. 2. 选中要上传的.a文件,右击选择Add Working Copy. 3. 然后再点击commit,就可以 ...

  7. SpringMVC的Controller中使用线程安全的初始化

    因为SpringMVC的Controller默认是单例, 在这种情况下, Controller中使用的私有变量必须也是单例, 例如各种service, 否则会有多线程访问数据互相修改的问题. 对于需要 ...

  8. web学习第一章

    web学习第一章   我是大概9月10日开始走上IT之路的,一开始学习了小段时间的自动化办公软件, 昨天我开始学习客户端网页编程,我了解什么是WEB,一些比较老古董的计算模式和发展历史,印象最让我深刻 ...

  9. Oracle中使用Entity Framework 6.x Code-First方式开发

    去年写过一篇EF的简单学习笔记,当时EF还不支持Oracle的Code-First开发模式,今天无意又看了下Oracle官网,发现EF6.X已经支持了,并且给出了二篇教程(英文版): 1.Using ...

  10. jboss的时区问题

    默认情况下,jboss启动时,使用的时区是“+0:00”区,而中国所在的时间为"+8:00"区(所谓的东8区),最终java取当前时间时,总比北京时间慢8个小时 解决办法: 新建一 ...