首先我們來看看在html頁面上給文本文字添加刪除線效果的兩種方法分別是什么：

html strike 標簽元素實現文本文字添加刪除線效果；

html del 標簽元素實現文本文字添加刪除線效果；

下面我們具體來介紹這兩種方法是如何實現文本文字添加刪除線效果的，通過簡單的例子來介紹。

html strike 標簽

strike 標簽可定義加刪除線文本定義。

 !DOCTYPE html  html  head  meta charset= UTF-8  title html strike 標簽 /title  /head  body  p strike 這是測試代碼，被刪除了 /strike /p  /body  /html 

效果圖：

如例子中所示，只要在 strike 標簽中添加好文本文字，就可實現想要的效果。 strike 標簽可以縮寫為 s 標簽，實現的效果不變。

Netscape 和 Internet Explorer 都支持這兩種寫法。

注意： strike 標簽（ s 標簽）在 HTML 4 和 XHTML 中已經不再贊成使用了，意思就是不再使用了；早晚有一天將會消失。

一般都會建議不使用 strike 標簽，而改為使用 del 標簽實現刪除線效果，下面我們就來介紹html del 標簽。

html del 標簽

del 標簽定義文檔中已被刪除的文本。

 !DOCTYPE html  html  head  meta charset= UTF-8  title html del 標簽 /title  /head  body  p 原價： del 20 /del ，現在促銷價：10 /p  /body  /html 

效果圖：

如例子中所示， del 標簽的使用和 strike 標簽一樣都很簡單、方便。并且所有主流瀏覽器都支持 del 標簽。

注意：請與 ins 標簽配合使用，來描述文檔中的更新和修正。

總結：以上就是本篇文的全部內容，其實除了用上述的兩種方法添加刪除線，還可以使用css來實現刪除線，同時設置刪除線樣式。后續文章【css如何添加刪除線？css text-decoration屬性設置刪除線（代碼實例）】中將會介紹如何使用css設置刪除線樣式。希望能對大家的學習有所幫助，更多相關教程請訪問 HTML視頻教程！

相關推薦：php公益培訓視頻教程

以上就是html如何給文本文字添加刪除線？兩種方法添加刪除線（實例）的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。