在 HTML 中顯示刪除線文字


刪除線文字表示在文字中劃線,<strike> 標記可幫助我們在文字中加刪除線。該標記在 HTML5 中不受支援;它在每個人都在使用 HTML4 時使用。現在使用 <del> 標記替代 <strike> 標記在 HTML5 中定義已刪除的文字。

語法

以下是 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>

更新於:2023 年 10 月 10 日

661 次瀏覽

開啟你的 職業

透過完成本課程獲得認證

開始
廣告
© . All rights reserved.