HTML - <s> Tag

The HTML <s> tag stands for Strikethrough tag. This tag is useful to render text with a strikethrough, or a line through it. Use the <s> tag to represent the content that is no longer correct or accurate.

It is recommended to use the <del> tag instead of the <s> tag to define deleted text in a document.

Syntax

Following is the syntax of <s> tag −

<s>.....</s>

Example

In the following example, we are creating an HTML document and using the <s> tag to represent a word or sentence that is no longer correct, as follows −

<!DOCTYPE html>
<html>
<body>
   <h2>Example of <s> tag </h2>
   <p>
   <b>tutorialspoint</b>
   <s> Makes life difficult </s> Makes life easy! because Easy to learn
   </p>
</body>
</html>

When we run the above code, it will generate an output consisting of the text that is stiken displayed on the webpage.

Example

Considering the following example, we repeat the previous example with the same paragraph, but this time we only include the CSS attributes to make the paragraph more stylish, as follows −

<!DOCTYPE html>
<html>
<head>
   <style>
      p {
         font-size: 20px;
         font-style: italic;
      }
   
      b {
         color: green;
      }
   
      span {
         color: black;
      }
   
      s {
         background-color: #F88379;
      }
   </style>
</head>
<body>
   <h2>Example of <s> tag </h2>
   <p>
   <b>tutorials <span>point</span>
   </b>
   <s> Makes life difficult </s> Makes life easy! because Easy to learn
   </p>
</body>
</html>

On running the above code, the output window will pop up displaying the text that is striken along with a CSS applied to it on the webpage.

Example

Let's look at the following example, where we are creating an HTML document and using the <s> tag to mark a line through it. That is not correct, as follows −

<!DOCTYPE html>
<html>
<head>
   <style>
      s {
         text-decoration: none;
         background: red;
      }
   </style>
</head>
<body>
   <h2>The HTML s Tag</h2>
   <p>
   <s>Only 25 tickets left!</s>
   </p>
   <p>SOLD OUT!</p>
</body>
</html>

When we run the above code, it will generate an output consisting of the text with a red color applied to it on the webpage.

html_tags_reference.htm
Advertisements