HTML5基础-Mark标签高亮显示文本

浏览数：37 / 时间：2015年06月09日

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元素的作用是强调文本，并非仅仅是高亮显示文本。

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 src 使用 html com log http class style 代码 src 使用 html com log http

相关文章

随机文章

您可能还喜欢

您可能还喜欢