How to add strikethrough to text in html? Two methods to add strikethrough (example)-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

How to add strikethrough to text in html? Two methods to add strikethrough (example)

青灯夜游

Oct 09, 2018 am 11:53 AM

html strikethrough

I believe that when you browse the websites of major shopping malls, you will always see the original price mark of a certain product, and then add an obvious strikethrough to the original price to indicate that there is a promotion now, and the current price has been changed to what it is. Give users an intuitive sense of difference and attract users to buy! So how is such a strikethrough effect added to text text? This chapter will introduce to you two ways to add strikethrough to text in HTML. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

First of all, let’s take a look at the two methods of adding a strikethrough effect to text on an html page:

html ~~The tag element implements a strikethrough effect on text. ;~~

html ~~The label element realizes the effect of adding strikethrough to text;~~

Below we will introduce in detail how these two methods achieve the effect of adding strikethrough to text. By simply examples to introduce.

html ~~Tag~~

~~Tag can be defined with strikethrough text definition.~~

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>html <strike> 标签</title>
	</head>
	<body>
		<p><strike>这是测试代码，被删除了</strike></p>
	</body>
</html>

Copy after login

Rendering:

How to add strikethrough to text in html? Two methods to add strikethrough (example)

##As shown in the example, as long as you add the text in the tag, you can achieve what you want Effect. The tag can be abbreviated to the tag, with the same effect.
Netscape and Internet Explorer both support these two writing methods.
Note: The tag ( tag) is deprecated in HTML 4 and XHTML, which means it is no longer used; sooner or later it will disappear.
It is generally recommended not to use the tag, but to use the tag to achieve the strikethrough effect. Let’s introduce the html tag.
html ~~Tag~~
Tag defines text that has been deleted in the document.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html <del> 标签</title> </head> <body> <p>原价：<del>20</del>，现在促销价：10</p> </body> </html>
Copy after login
Rendering:

As shown in the example, the use of tag is the same as the tag easy and convenient. And all major browsers support the tag.
Note: Please use it with the tag to describe updates and corrections in the document.
Summary: The above is the entire content of this article. In fact, in addition to using the above two methods to add strikethrough, you can also use css to achieve strikethrough and set the strikethrough style at the same time. Follow-up article [
How to add strikethrough in css? css text-decoration attribute setting strikethrough (code example) ] will introduce how to use css to set strikethrough style. I hope it will be helpful to everyone's learning. For more related tutorials, please visit HTML video tutorial!
Related recommendations:
php public welfare training video tutorial
The above is the detailed content of How to add strikethrough to text in html? Two methods to add strikethrough (example). For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress images for free

Clothoff.io

AI clothes remover

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Show More

Hot Article

Assassin's Creed Shadows: Seashell Riddle Solution
4 weeks ago By DDD

What's New in Windows 11 KB5054979 & How to Fix Update Issues
3 weeks ago By DDD

Where to find the Crane Control Keycard in Atomfall
4 weeks ago By DDD

Roblox: Dead Rails - How To Complete Every Challenge
1 months ago By DDD

How to fix KB5055523 fails to install in Windows 11?
2 weeks ago By DDD

Show More

Hot Tools

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Show More

Hot Topics

Where is the login entrance for gmail email?

7716

15

Java Tutorial

1641

14

CakePHP Tutorial

1395

52

Laravel Tutorial

1289

25

PHP Tutorial

1232

29

Show More

Related knowledge

Table Border in HTML Sep 04, 2024 pm 04:49 PM
Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

Nested Table in HTML Sep 04, 2024 pm 04:49 PM
This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

HTML margin-left Sep 04, 2024 pm 04:48 PM
Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

HTML Table Layout Sep 04, 2024 pm 04:54 PM
Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

HTML Input Placeholder Sep 04, 2024 pm 04:54 PM
Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

HTML Ordered List Sep 04, 2024 pm 04:43 PM
Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

Moving Text in HTML Sep 04, 2024 pm 04:45 PM
Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

HTML onclick Button Sep 04, 2024 pm 04:49 PM
Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.

See all articles