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. [转]jquery开发自定义的插件总结

    本文转自:http://www.cnblogs.com/Jimmy009/archive/2013/01/17/jquery%E6%8F%92%E4%BB%B6.html 前几天在玩jquery,今天 ...

  2. Appium学习实践（三）测试用例脚本以及测试报告输出

    之前Appium学习实践(二)Python简单脚本以及元素的属性设置中的脚本,会有一个问题,就是在每个测试用例完成之后都会执行tearDown,然后重新setUp,这样导致脚本的执行效率偏低,而且会有 ...

  3. SoapUI调用webservice实现的两种方式

    SoapUI用来做测试,已经是很多人做过的事情了,而且网上教程也很多.不过还是写下来,对比webservice协议与http协议脚本编写的不同. 首先测接口得有一个服务,刚好笔者所在项目做ESB集成. ...

  4. u3d_shader_surface_shader_4

    Rim Lighting  轮廓自发光 一:疑问:1.总感觉在编辑器Scene状态下,脚本计算的ViewDir是我漫游的Cam,而不是项目中的MainCam啊! 然后就会造成Scene状态下轮廓自发光 ...

  5. [No00004F]史上最全Vim快捷键键位图（入门到进阶）

    史上最全Vim快捷键键位重磅来袭!!学习Linux的朋友看过来啦,你是不是觉得Linux编辑器Vim操作复杂,步骤繁琐呢?Linux工程师是不是想大幅度提升自己的工作效率呢? 经典版        下 ...

  6. 045医疗项目-模块四：采购单模块—采购单提交（Dao,Service,Action三层）

    我们之前做的就是采购单的编辑,在采购单里面添加了药品,然后我们这篇文章要做的就是说提交这个采购单. 当我们创建完成采购单,确定采购单不再修改,需要提交采购单,由监管单位进行审核. 我们在提交这个采购单 ...

  7. AngularJS中的过滤器

    欢迎大家指导与讨论 : ) 一.前言 AngularJS的过滤器能够将数据在被指令处理到显示在视图之前进行处理和转换.而且,过滤器不会修改作用域中的数据本身,即过滤器会保证数据的完整性.这样子能够允许 ...

  8. [win]系统优化工具dism++

    系统优化工具, 确实能将c盘扩大个2-3g. 主要是删除日志 优化系统等功能. https://www.chuyu.me/

  9. React入门 (1)—使用指南（包括ES5和ES6对比）

    前言 本篇会简明扼要的介绍一下React的使用方法.代码会用JSX+ES5和JSX+ES6两种方式实现. React简介 React来自Facebook,于2013年开源.至今不断修改完善,现在已经到 ...

  10. Java 密码扩展无限制权限策略文件

    因为某些国家的进口管制限制,Java发布的运行环境包中的加解密有一定的限制.比如默认不允许256位密钥的AES加解密,解决方法就是修改策略文件.   官方网站提供了JCE无限制权限策略文件的下载:   ...