首页 > 软件开发 > HTML >

HTML中的em标签、b标签、span标签的使用方法

来源:互联网 2023-03-16 19:12:27 400

今天简单介绍下在HTML中对文字加粗b标签、倾斜em标签,以及span标签的使用方法Esl办公区 - 实用经验教程分享!

工具/原料

  • HTML
  • 代码

方法/步骤

  • 1

    在代码软脾爬件中,做出这样的代码,在段落标签p中输入一段文字,如图,现在默认情况是,这样的一段文字Esl办公区 - 实用经验教程分享!

    HTML中的em标签、b标签、span标签的使用方法Esl办公区 - 实用经验教程分享!

    HTML中的em标签、b标签、span标签的使用方法Esl办公区 - 实用经验教程分享!

  • 2

    em标签代表字体倾斜,可以直接加在文字中,想要哪个文字倾斜,就加在他的左右即可,如图,在英文字母左右加入em标签后Esl办公区 - 实用经验教程分享!

    HTML中的em标签、b标签、span标签的使用方法Esl办公区 - 实用经验教程分享!

  • 3

    可以看到之前的英文文字变倾斜了,如图所示Esl办公区 - 实用经验教程分享!

    HTML中的em标签、b标签、span标签的使用方法Esl办公区 - 实用经验教程分享!

  • 4

    b标签和strong标签都有文字加粗的意思,都是双标签,直接加爬何彩在文字左右即可,如图Esl办公区 - 实用经验教程分享!

    HTML中的em标签、b标签、span标签的使用方法Esl办公区 - 实用经验教程分享!

  • 5

    添加了加粗标签后,所对应的文字就会发生变化Esl办公区 - 实用经验教程分享!

    HTML中的em标签、b标签、span标签的使用方法Esl办公区 - 实用经验教程分享!

  • 6

    而span标签也经常用于文字中,span标签无任何属性,所以可以对文字自定义添加属性,如图,对文字添加颜色变化和字体变化后Esl办公区 - 实用经验教程分享!

    HTML中的em标签、b标签、span标签的使用方法Esl办公区 - 实用经验教程分享!

  • 7

    所对应的文字就变化成这样了,如图所示暗霜。Esl办公区 - 实用经验教程分享!

    HTML中的em标签、b标签、span标签的使用方法Esl办公区 - 实用经验教程分享!

  • 7此文章非法爬取自百度经验
  • 注意事项

    • 如果此经验对您有帮助,请左侧投票/关注,谢谢大家的支持^_^

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Esl办公区 - 实用经验教程分享!


    标签: HTML

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