首页 > 软件开发 > HTML >

html中如何使用span标签

来源:互联网 2023-03-16 19:16:30 版权归原作者所有,如有侵权,请联系我们

html中如span标签对文本中的一部分进行着色或者设置文本字体的大小Hoh办公区 - 实用经验教程分享!

html中如何使用span标签Hoh办公区 - 实用经验教程分享!

工具/原料

  • 1.编辑器:notepad v.7.7.1
  • 2.浏览器:百度浏览器8.7.5000.4983

方法/步骤

  • 1

    创建一个名称为 html_span 的html文件Hoh办公区 - 实用经验教程分享!

    html中如何使用span标签Hoh办公区 - 实用经验教程分享!

  • 2

    添加一个button按钮,在点击事件中加入自定义函数 为my_html_spanHoh办公区 - 实用经验教程分享!

    html中如何使用span标签Hoh办公区 - 实用经验教程分享!

  • 3

    添加一个p标签,设置p标签id 为 show_html_spanHoh办公区 - 实用经验教程分享!

    html中如何使用span标签Hoh办公区 - 实用经验教程分享!

  • 4

    在javascript中创建一个自定义函数 名称为 my_html_spanHoh办公区 - 实用经验教程分享!

    html中如何使用span标签Hoh办公区 - 实用经验教程分享!

  • 5

    在自定义函数中通过id获取p标签对象。将带有span 标签并设置style样式的字符串(span style="color:red;font-weight:bold" id="my_html_id_span" >)赋值到obj_i_html_span变量中,将变量添加到p标签中显示Hoh办公区 - 实用经验教程分享!

    html中如何使用span标签Hoh办公区 - 实用经验教程分享!

  • 5本页面未经许可获取自百度经验
  • 6

    在浏览器中打开文件 html_span,点击button查看加span标签文字变颜色的Hoh办公区 - 实用经验教程分享!

    效果

    Hoh办公区 - 实用经验教程分享!

    Hoh办公区 - 实用经验教程分享!

    html中如何使用span标签Hoh办公区 - 实用经验教程分享!

  • 注意事项

    • span是在一对尖括号中使用,是闭合标签
    • 在span中可以设置颜色或字号等属性

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


    标签: HTML

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