在 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.