数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时尚学
法律学在 HTML 中显示删除线文本
删除线文本表示在文本中划线，<strike> 标记可帮助我们在文本中加删除线。该标记在 HTML5 中不受支持；它在每个人都在使用 HTML4 时使用。现在使用 <del> 标记替代 <strike> 标记在 HTML5 中定义已删除的文本。
语法
以下是 HTML 中删除线标记的使用情况 -
<strike>text…. </strike>
实例
在以下示例中，我们尝试使用 <strike> 标记对文本加删除线 –
<!DOCTYPE html> <html> <body> <h2>TutorialsPoint</h2> <p>Its an Edutech Company handles all Technical <strike>Non-Technical</strike> Subjects </p> </body> </html>
实例
在这个示例中，我们尝试使用 <del> 标记实现删除线任务 -
<!DOCTYPE html>
<html>
<head>
<style>
del {
color: red;
}
</style>
</head>
<body>
<h1>My World</h1>
<h2>
I Like Blue , <del>Red</del>, Pink colors
</h2>
</body>
</html>
实例
我们还可以使用 <ins> 标记通过给文本加下划线来突出显示。以下示例演示在 HTML 中使用 <ins> 标记
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: red;
}
</style>
</head>
<body>
<h1>My World</h1>
<h2>
I Like Orange , <del>blue</del>
<ins>red</ins>, Pink colors!
</h2>
</body>
</html>
实例
以下提供了另一个示例，了解有关不再正确的标记文本的信息 -
<!DOCTYPE html>
<html>
<head>
<style>
h1{
color: red;
}
</style>
</head>
<body>
<h1>My World</h1>
<h2><s>I Like red, black colors!</s></h2>
<h2>But Everyone likes Pleasant colors</h2>
</body>
</html>
更新于:2023 年 10 月 10 日
661 次浏览
广告