What is del Tag in HTML Syntax & Example

 

how to use the <del> tag in HTML 

how to use the del tag in HTML

What is The del tag 

✷ The <del> tag in HTML is used to show text that has been deleted or removed from a webpage. When you use this tag, the text usually appears with a line through it (strikethrough), which clearly indicates that the content is no longer correct or has been updated.

✷ The syntax of the <del> tag is very simple:

<del>Deleted text</del>

✷ This tag is very useful when you want to show changes in content instead of completely removing the old text. For example, if a product price changes, you can display the old price as deleted and show the new price next to it:

✷ <p>Price: <del>$50</del> $30</p>

✷ users can easily understand that the price was reduced from $50 to $30.

✷ The <del> tag also supports attributes like datetime, which shows when the text was deleted, and cite, which can provide a reason or reference for the change.

✷ One important thing to remember is that <del> is a semantic tag. This means it not only changes the appearance but also gives meaning to the content, helping browsers and search engines understand that the text has been removed.
 

Syntax :-

<del> text content</del> 

how to use the <del> tag in HTML 

Example 

<!DOCTYPE html>
<html>
 <body>
  <h2> how to use Inserted  text tag in html</h2>
<p>student learn <del> HTML </del> programming language</p>
    <p> Student learn <del>CSS</del> Programming language</p>

 </body>

</html>

how to use the <del> tag in HTML 

Explain Program

Step 1 ]

<!Doctype html>

<!doctype html>  always be the first line of any HTML document.

Step 2 ]

   <html> and </html>

   html  is the root element.

Step 3 ]

<body> and </body>

body  is  main content area.

All visible content inside to  the <body> tag

Step 4]

<h2> how to use Inserted  text tag in html</h2>

<h2> ... </h2>

 html has six heading levels <h1> to <h6>.
 <h2> use  subheading to describe  the topic of page.

Step 5]

<p>student learn <del> HTML </del> programming language</p>

<p>  defines a paragraph tag 

normal text plus <del> tag

<del> HTML</del>  HTML is marked as deleted text.

deleted text with strikethrough  line

Step 5]

  <p> Student learn <del>CSS</del> Programming language</p>

<p>  defines a paragraph tag 

normal text plus <del> tag

<del> CSS</del>  HTML is marked as deleted text.
deleted text with strikethrough  line

Step 6]


</body>

 </html>

how to use the <del> tag in HTML 
Output

html del tag


Related Post :-

what is the strong tag in html

how to create text links in html

Comments

Post a Comment

Popular posts from this blog

HTML Tag

Image
 HTML Tag  Html basic tag:-   <!DOCTYPE html> Html  first line of the code <!DOCTYPE html> is called a doctype declaration the browser which version of HTML the page is written . Html tag using the doctype the HTML5 , the most up-to-date version of  HTML language.The DOCTYPE declaration of the instruction to web browser of HTML the page is written in.  <HTML>:- <Html>.   </html> <html> tag tells the browser  this is HTML document . The <html> tag represent the root of  HTML document. The <html> tag is the container for other HTML elements  <!DOCTYPE> . The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser.HTML is a computer language that makes up most web pages and online applications. A hypertext text used to reference other pieces of text, while a markup language is a series of markings that tells w...
Read more

HTML Input Type Submit Syntax and Example

Image
What is Input Type Submit in HTML The input type="submit" in HTML is used to create a submit button in a form. When a user clicks this button, it sends (submits) the form data to a server for processing. In simple words, a submit button helps users send the information they entered in a form, like login details, contact forms, or registration data. Syntax : <input type= "submit" value="submit"> type ="submit"  ➡ create a submit button  value ="send"    ➡ text shown on the button A button that submit the form.<input type ="submit"> defines  button for submitting form data  form-handler. The form-handler is typically server page with the  script for processing input data. the form -handler is specified in the forms action attribute.  ⭐ HTML Input Type Submit Syntax and Example  program <! DOCTYPE html > < html > < body > < h2 > Submit Button </ h2 > < p > The < strong >...
Read more

CSS Text Color Explained with Syntax and HTML Examples

Image
 What Is CSS Text Color This Blog You Will Learn  ஃ   What Is CSS Text Color  ஃ   Syntax   ஃ   Purpose of Text Color  ஃ    Real world Use Cases  ஃ    What Is CSS Text Color  Example    ஃ   Output What Is CSS Text Color CSS text color refers to the color applied to text content on a web page using the color property in CSS. It controls how text appears visually and plays a major role in readability, accessibility, branding, and user experience . Syntax  selector{   color:value; } Purpose of Text Color ✅ Make content readable.  ✅ Highlight important information. ✅ Match brand identity. ✅ Create visual hierarchy. ✅ Improve user experience. Real world Use Cases Highlighting error messages. Emphasizing headings. Branding and theme design improving content readability. ஃ  structure diagram examples What Is CSS Text Color Example   <! DOCTYPE html > ...
Read more