在 HTML 中显示删除线文本
删除线文本表示文本上有划线,<strike> 标记有助于我们在文本中添加划线。此标记不支持 HTML5;它在每个人使用 HTML4 时使用。现在,HTML5 在 <strike> 标记替代使用 <del> 标记来定义已删除的文本。
语法
以下是 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>
广告
数据结构
网络
RDBMS
操作系统
Java
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP