小編給大家分享一下html給文本文字添加刪除線的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
首先我們來看看在html頁面上給文本文字添加刪除線效果的兩種方法分別是什么:
html <strike> 標簽元素實現(xiàn)文本文字添加刪除線效果;
html <del> 標簽元素實現(xiàn)文本文字添加刪除線效果;
下面我們具體來介紹這兩種方法是如何實現(xiàn)文本文字添加刪除線效果的,通過簡單的例子來介紹。
html <strike> 標簽
<strike> 標簽可定義加刪除線文本定義。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html <strike> 標簽</title> </head> <body> <p><strike>這是測試代碼,被刪除了</strike></p> </body> </html>
效果圖:
如例子中所示,只要在<strike> 標簽中添加好文本文字,就可實現(xiàn)想要的效果。<strike> 標簽可以縮寫為<s> 標簽,實現(xiàn)的效果不變。
Netscape 和 Internet Explorer 都支持這兩種寫法。
注意:<strike> 標簽(<s> 標簽)在 HTML 4 和 XHTML 中已經(jīng)不再贊成使用了,意思就是不再使用了;早晚有一天將會消失。
一般都會建議不使用<strike> 標簽,而改為使用 <del> 標簽實現(xiàn)刪除線效果,下面我們就來介紹html <del> 標簽。
html <del> 標簽
<del> 標簽定義文檔中已被刪除的文本。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html <del> 標簽</title> </head> <body> <p>原價:<del>20</del>,現(xiàn)在促銷價:10</p> </body> </html>
效果圖:
如例子中所示,<del> 標簽的使用和<strike> 標簽一樣都很簡單、方便。并且所有主流瀏覽器都支持 <del> 標簽。
注意:請與 <ins> 標簽配合使用,來描述文檔中的更新和修正。
看完了這篇文章,相信你對html給文本文字添加刪除線的方法有了一定的了解,想了解更多相關知識,歡迎關注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道,感謝各位的閱讀!
新聞名稱:html給文本文字添加刪除線的方法-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明:http://sd-ha.com/article6/shjig.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供關鍵詞優(yōu)化、微信公眾號、網(wǎng)站改版、網(wǎng)站維護、軟件開發(fā)、建站公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容