html如何给文本文字添加删除线？两种方法添加删除线（实例）

首先我们来看看在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如何给文本文字添加删除线？两种方法添加删除线（实例）的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！