在 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>
廣告
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP