在 HTML 中显示删除线文本


删除线文本表示文本上有划线,<strike> 标记有助于我们在文本中添加划线。此标记不支持 HTML5;它在每个人使用 HTML4 时使用。现在,HTML5 在 <strike> 标记替代使用 <del> 标记来定义已删除的文本。

语法

以下是 HTML 中删除线标记的用法 -

<strike>text…. </strike>

示例

在以下示例中,我们尝试使用 <strike> 标记显示文本的删除线 -

<!DOCTYPE html>
<html>
<body>
   <h2>TutorialsPoint</h2>
   <p>Its an Edutech Company handles all Technical <strike>Non-Technical</strike> Subjects </p>
</body>
</html>

示例

在此示例中,我们尝试使用 <del> 标记实现删除线任务 -

<!DOCTYPE html>
<html>
<head>
   <style>
      del {
         color: red;
      }
   </style>
</head>
<body>
   <h1>My World</h1>
   <h2>
      I Like Blue , <del>Red</del>, Pink colors
   </h2>
</body>
</html>

示例

我们还可以使用 <ins> 标记通过下划线的方式加以强调。以下示例展示了在 HTML 中使用 <ins> 标记的用法

<!DOCTYPE html>
<html>
<head>
   <style>
      h1 {
         color: red;
      }
   </style>
</head>
<body>
   <h1>My World</h1>
   <h2>
      I Like Orange , <del>blue</del>
      <ins>red</ins>, Pink colors!
   </h2>
</body>
</html>

示例

以下另一个示例旨在了解不再正确的标记文本 -

<!DOCTYPE html>
<html>
<head>
   <style>
      h1{
         color: red;
      }
   </style>
</head>
<body>
   <h1>My World</h1>
   <h2><s>I Like red, black colors!</s></h2>
   <h2>But Everyone likes Pleasant colors</h2>
</body>
</html>

更新于:10-Oct-2023

660 次浏览

开启您的 职业生涯

完成课程即可获得认证

开始学习
广告
© . All rights reserved.