html如何為文字文字新增刪除線？兩種方法會新增刪除線（實例）
相信大家在各大商場網站瀏覽時，總是會看到某個產品的原價標記是多少，再在原價上添加一個明顯的刪除線，表明現在做促銷，現價又改成了多少，給用戶一個直覺的差距感，吸引用戶購買！那麼這樣的刪除線效果是如何加入到文字文字上的呢？本章就跟大家介紹html為文字文字新增刪除線的兩種方法。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。
首先我們來看看在html頁面上為文字文字新增刪除線效果的兩種方法分別是什麼：
html 標籤元素實作文字文字新增刪除線效果;
html 標籤元素實現文字文字添加刪除線效果；
下面我們具體來介紹這兩種方法是如何實現文字文字添加刪除線效果的，透過簡單的例子來介紹。
html 標籤
# 標籤可定義加上刪除線文字定義。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html <strike> 标签</title> </head> <body> <p><strike>这是测试代码，被删除了</strike></p> </body> </html>
效果圖：
如範例所示，只要在 標籤中加入好文字文字，就可實現想要的效果。 標籤可以縮寫為 標籤，實現的效果不變。
Netscape 和 Internet Explorer 都支援這兩種寫法。
注意： 標籤（ 標籤）在 HTML 4 和 XHTML 中已經不再贊成使用了，意思就是不再使用了；早晚有一天將會消失。
通常會建議不要使用 標籤，而改為使用 標籤實現刪除線效果，下面我們就來介紹html 標籤。
html 標籤
# 標籤定義文件中已刪除的文字。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html <del> 标签</title> </head> <body> <p>原价：<del>20</del>，现在促销价：10</p> </body> </html>
效果圖：
如範例所示， 標籤的使用和 標籤一樣都很簡單、方便。並且所有主流瀏覽器都支援 標籤。
注意：請與 標籤搭配使用，來描述文件中的更新與修正。
總結：以上就是這篇文章的全部內容，其實除了用上述的兩種方法加入刪除線，還可以使用css來實現刪除線，同時設定刪除線樣式。後續文章【css如何新增刪除線？ css text-decoration屬性設定刪除線（程式碼實例）】中將會介紹如何使用css設定刪除線樣式。希望能對大家的學習有所幫助，更多相關教學請造訪 HTML影片教學！
相關推薦：php公益培訓影片教學
#以上是html如何為文字文字新增刪除線？兩種方法會新增刪除線（實例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
