html怎样给文本文字增加删除线？两种办法增加删除线（实例）-百分百源码网

html怎样给文本文字增加删除线？两种办法增加删除线（实例）

发布时间：09/01 来源：未知浏览：关键词：

信赖大家在各大商场网站阅读时，总是会看到某个产品的原价标志是多少，再在原价上增加一个明显的删除线，表白此刻做促销，现价又改成了多少，给会员一个直不雅的差距感，吸援用户购置！那么这样的删除线结果是怎样增加到文本文字上的？本章就给大家介绍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怎样给文本文字增加删除线？两种办法增加删除线（实例）的具体内容，更多请关注百分百源码网其它相关文章！

打赏