html给文本文字添加删除线的方法-创新互联

小编给大家分享一下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>

效果图：

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>

效果图：

html给文本文字添加删除线的方法

如例子中所示，<del> 标签的使用和<strike> 标签一样都很简单、方便。并且所有主流浏览器都支持 <del> 标签。

注意：请与 <ins> 标签配合使用，来描述文档中的更新和修正。

看完了这篇文章，相信你对html给文本文字添加删除线的方法有了一定的了解，想了解更多相关知识，欢迎关注创新互联网站制作公司行业资讯频道，感谢各位的阅读！

新闻名称：html给文本文字添加删除线的方法-创新互联
转载注明：https://www.cdcxhl.com/article6/shjig.html

成都网站建设公司_创新互联，为您提供关键词优化、微信公众号、网站改版、网站维护、软件开发、建站公司

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容