当前位置:Gxlcms > html代码 > html-Mark标签高亮显示文本的详解

html-Mark标签高亮显示文本的详解

时间:2021-07-01 10:21:17 帮助过:295人阅读

1、mark标签使用

  1. <mark></mark>

2、mark作用

使用mark标签元素,可以高亮显示文档中的文字以达到醒目的效果。

3、mark使用代码

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset=utf-8"/>
  5. <style>
  6. mark {
  7. background-color:#00ff90; font-weight:bold;
  8. }
  9. </style>
  10. <title>使用Mark元素高亮显示文本</title>
  11. </head>
  12. <body>
  13. <article>
  14. <header>
  15. <h1>百科</h1>
  16. </header>
  17. <p>百度百科是一部内容开放、自由的网络<mark>百科</mark>全书,旨在创造一个涵盖所有领域知识,服务所有互联网用户的中文知识性<mark>百科
  18. </mark>全书。在这里你可以参与词条编辑,分享贡献你的知识</p>
  19. </article>
  20. </body>
  21. </html>

4、示例效果

5、备注

使用strong、em元素同样能达到这样的效果,不推荐使用strong、em元素,因为strong、em元素的作用是强调文本,并非仅仅是高亮显示文本。

以上就是html-Mark标签高亮显示文本的详解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行