zoukankan      html  css  js  c++  java
  • HTML5基础-Mark标签高亮显示文本

    1、mark标签使用

         <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 
    14     <article>
    15         <header>
    16             <h1>百科</h1>
    17         </header>
    18         <p>百度百科是一部内容开放、自由的网络<mark>百科</mark>全书,旨在创造一个涵盖所有领域知识,服务所有互联网用户的中文知识性<mark>百科</mark>全书。在这里你可以参与词条编辑,分享贡献你的知识</p>
    19     </article>
    20 </body>
    21 </html>

    4、示例效果

    5、备注

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

  • 相关阅读:
    文件操作回顾
    数据类型回顾
    面向对象三大特性之封装与多态
    面向对象之继承
    轮播图
    jQuery事件操作
    jQuery动画效果
    jQuery篇
    文档对象模型
    javascript
  • 原文地址:https://www.cnblogs.com/wangsaiming/p/4103526.html
Copyright © 2011-2022 走看看