首先我们来看看在html页面上给文本文字添加删除线效果的两种方法分别是什么:
html <strike> 标签元素实现文本文字添加删除线效果;
下面我们具体来介绍这两种方法是如何实现文本文字添加删除线效果的,通过简单的例子来介绍。
html <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> 标签
<!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公益培训视频教程
原文地址:https://www.jb51.cc/html/1207927.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。