首页 > 软件开发 > HTML >

HTML基础教程:[3]文本标签2

来源:互联网 2023-03-16 19:19:17 395

今天我们继续学习几个有用的文本标签。I0H办公区 - 实用经验教程分享!

工具/原料

  • 笔记本/

方法/步骤

  • 1

    1.加粗和强调标签:I0H办公区 - 实用经验教程分享!

    strong>/strong>I0H办公区 - 实用经验教程分享!

    em>/em>I0H办公区 - 实用经验教程分享!

  • 2

    我们一起做个小测试吧:I0H办公区 - 实用经验教程分享!

    请在body>里录入下面代码:I0H办公区 - 实用经验教程分享!

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

    strong>元素的作用是表示其中的内容十分重要/strong>(h3>对比h3>元素的作用是表示其中的内容十分重要)I0H办公区 - 实用经验教程分享!

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

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

    em>元素起强调作用,能够细微的改变语句的含义/em>(h3>对比h3>元素起强调作用,能够细微的改变语句的含义)I0H办公区 - 实用经验教程分享!

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

    看看效果吧!I0H办公区 - 实用经验教程分享!

    HTML基础教程:[3]文本标签2I0H办公区 - 实用经验教程分享!

    HTML基础教程:[3]文本标签2I0H办公区 - 实用经验教程分享!

  • 2该信息非法爬取自百度经验
  • 3

    我们仔细观测,会发现加了加粗和强调标签文字与一般文字有不同的显示。I0H办公区 - 实用经验教程分享!

  • 4

    2.缩写词和首字母缩写词标签:I0H办公区 - 实用经验教程分享!

    ababbr>I0H办公区 - 实用经验教程分享!

    如果你要使用缩写词或者首字母缩写,那么就可以用这个标签了。下面我们做个实例。I0H办公区 - 实用经验教程分享!

  • 5

    请在body>里录入下面代码:I0H办公区 - 实用经验教程分享!

    abbr title="baidujingyan">BDJY/abI0H办公区 - 实用经验教程分享!

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

    HTML基础教程:[3]文本标签2I0H办公区 - 实用经验教程分享!

  • 6

    将鼠标移到BDJY上看看效果。I0H办公区 - 实用经验教程分享!

    HTML基础教程:[3]文本标签2I0H办公区 - 实用经验教程分享!

  • 7

    3.内容和修改标签:I0H办公区 - 实用经验教程分享!

    ins>/ins>I0H办公区 - 实用经验教程分享!

    del>/del>I0H办公区 - 实用经验教程分享!

    ins标签用来显示已经插入到文档中的内容,而del元素则则用来显示已经从文档中删除的文本。I0H办公区 - 实用经验教程分享!

    下面我们来做个小实例。I0H办公区 - 实用经验教程分享!

  • 8

    在body>里录入下面代码:I0H办公区 - 实用经验教程分享!

    今天是del>星期日/del>ins>星期六/ins>/I0H办公区 - 实用经验教程分享!

    HTML基础教程:[3]文本标签2I0H办公区 - 实用经验教程分享!

  • 9

    看看效果吧:I0H办公区 - 实用经验教程分享!

    HTML基础教程:[3]文本标签2I0H办公区 - 实用经验教程分享!

  • 10

    从上面的学习我们可以看到删除和插入标签的显示效果。I0H办公区 - 实用经验教程分享!

  • 注意事项

    • 请关注下一篇——列表I0H办公区 - 实用经验教程分享!

    文本标签|下一篇:

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


    标签: HTML

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