📌  相关文章
📜  如何在HTML中突出显示文本

📅  最后修改于: 2020-11-04 01:27:01             🧑  作者: Mango

如何在HTML中突出显示文本

用Html5突出显示文本标签

如果我们想使用突出显示HTML文档中的文本标签,那么我们必须遵循以下步骤。使用这些步骤,我们可以轻松地突出显示文本。

步骤1:首先,我们必须在任何文本编辑器中键入HTML代码,或者在要突出显示文本的文本编辑器中打开现有的HTML文件。


   
    
   
Highlight the text in Html


 
The text which we want to highlight.
 

步骤2:现在,我们必须将光标放在要突出显示的文本的开头。然后,我们必须输入开头标签。标签是成对的标签,因此我们必须在要标记高亮的文本之后关闭此标签。

I Love  my India.

步骤3:最后,我们必须保存HTML文件,然后在浏览器中运行该文件。

 
   
    
   
Highlight the text in Html


 
I Love  my India.
 

以下屏幕快照显示了以上Html代码的输出:

使用内部CSS突出显示文本

如果要使用“内部级联”样式表突出显示文本,则必须遵循以下步骤。使用这些步骤,我们可以轻松地突出显示文本。

步骤1:首先,我们必须在任何文本编辑器中键入HTML代码,或者在要突出显示文本的文本编辑器中打开现有的HTML文件。


   
    
   
Highlight the text using CSS


 
The text which we want to highlight.
 

第2步:现在,我们必须将光标放在Html文档的title标签之后的head标签中,然后在

步骤3:现在,我们必须使用标记中的类突出显示文本。

 the text we want to mark as highlight

步骤4:最后,我们必须保存HTML文件,然后在浏览器中运行该文件。


   
    
   
Highlight the text using CSS



 
The text which  we want to highlight.