首页 > 软件开发 > HTML >

HTML如何添加小号的字体

来源:互联网 2023-03-16 19:12:02 242

我们使用HTML的时候,有时为了演示效果,通常会向页面添加一些小号的字体,那么该如何的添加呢?下面小编给大家分享一下。EzA办公区 - 实用经验教程分享!

工具/原料

  • Sublime Text

方法/步骤

  • 1

    首先我们打开一个Sublime Text软件,制作一个基本的HTML结构,如下图所示EzA办公区 - 实用经验教程分享!

    HTML如何添加小号的字体EzA办公区 - 实用经验教程分享!

  • 2

    然后我们在Body区域添加一点文字,文字用p标签包裹起来,如下图所示EzA办公区 - 实用经验教程分享!

    HTML如何添加小号的字体EzA办公区 - 实用经验教程分享!

  • 3

    接下来在文字中间的某个字前后添加small标签,如下图所示EzA办公区 - 实用经验教程分享!

    HTML如何添加小号的字体EzA办公区 - 实用经验教程分享!

  • 4

    运行页面以后我们发现被small包裹的字体大小已经明显的变小了,如下图所示EzA办公区 - 实用经验教程分享!

    HTML如何添加小号的字体EzA办公区 - 实用经验教程分享!

  • 5

    另外我们也可以通过sub和sup标签让小号字体在正常文字的上面或者下面,如下图所示EzA办公区 - 实用经验教程分享!

    HTML如何添加小号的字体EzA办公区 - 实用经验教程分享!

  • 6

    运行程序以后我们可以看到被sub和sup包裹的字名校变小了,并且分别位于正常文字的上下方,如下图所示EzA办公区 - 实用经验教程分享!

    HTML如何添加小号的字体EzA办公区 - 实用经验教程分享!

  • 7

    综上所述,在HTML中让文字变小我们可以使用small标签,同样的可以运用sub和sup标签进行实现EzA办公区 - 实用经验教程分享!

  • 7该信息未经许可获取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!EzA办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码