EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 600+ Courses All in One Bundle
  • Login

HTML Strike Tag

Home » Software Development » Software Development Tutorials » HTML Tutorial » HTML Strike Tag

HTML Strike Tag

Introduction to HTML Strike Tag

The html has a different set of tags for using the web pages built more attractive and user-defined requirements has to be satisfied. Every version of the html has a different set of features that should be used and some of them have deprecated from the older version to the newer version. Same thing <strike> is one of the tags in html it specifies through the strikethrough text in html web pages. Now, this tag is already deprecated now <del> tag is used instead of the <strike> tag in html. Mainly in html5, this tag is not useable instead it supports <del>,<s> or it will use CSS Styles in the document.

Syntax:

Start Your Free Software Development Course

Web development, programming languages, Software testing & others

The strike tag has the following syntax that will be used in html web pages.

<html>
<body>
<strike>--content--</strike>
</body>
</html>

The above code is a basic syntax it will use the user contents in the <strike> tag in the web pages. It will also use the global attributes in html and also it uses the Event Attributes. In HTML always the <strike> tag comes in pairs and the same general rule is applied always opening<strike> and closing </strike> tag must be used.

How to use Strike Tag in HTML?

  • Whenever using a strike tag for creating strikethrough text in html, we can also use some CSS style decorations like “linethrough” in the <style> tag in Html.
  • Although CSS is always great when compare through the other presentation frameworks for styling the contents in the web pages it does not provide any exact meaning of the contents that’s why we use html semantic tags compared to CSS even much better than that both the <s> and <del> tags using strikethrough contents in html but both tags will convey the meanings in a different way.
  • The<s> tag will be used if we want to represent the contents something in the web page but its not accurate or relevant with that text anymore.
  • In the html document or project requirements, we should not use it for editing the documents. If we want to remove some contents in the html document will use <del> tag.
  • The html <strike> tag always gives the text appearance through the text using horizontal lines in center positions of the web pages. Strikethrough which is primarily used in the mark text is mistaken or it will be removed automatically using some other html tags like <del>.
  • By default in web pages text is in strike-through lines through which is in idle positions for showing corrections in the given texts. It will work equally in layouts like table format as well as other formats based upon the CSS styles.
  • As with some phrases it depends upon the html tags it will combine with the situations in all times where the user consistency is some difficult for achieving in some other ways also because we know that opening and closing tag is displayed in the strikethrough in the html text.
  • The<strike> tag is possible for adding the styles with functionalities these has to be done by after adding the attribute to after the opening <strike> tag.
  • All the attributes are allowed for the strike tag as an included class, dir, ids, lang, title, and styles. But probably most cases classes and ids are used like <strike id=” sample”>some contents</strike>above all the attributes we will note that there is a space after the strike tag contents initialized then the attribute names if we use any equal sign operators and the identifiers of the attributes using double-quotes.
  • In CSS Styling both class and id attributes are referred to as the elements like CSS and also it will be stored either in the <head> tag of the web page in an external file. By using id usually, it refers to the single instance of the web page but if we use class attribute mainly it refers to the repeating element on the web page for this purpose html <strike> tag use either in id or class attribute in html document.
  • If we use any of these attributes it will allow in the CSS style information that is data is allowed in the <strike> tag. In dir attributes of the html basically it allows for reading the text both left and right side of the web pages, lang attributes allowed for specifying the languages for the tag in the web pages based on the user requirement if it needs more than 2 languages or multiple languages to allow in a web page these tags will be used.
  • If we need the title content of the html page will use <title> tag it will be allowed the user to include some extra information in the html tags.

Examples of HTML Strike Tag

Given below are the examples of HTML Strike Tag.

Example #1

Code:

<html>
<body>
<p>Welcome <strike>To My Domain</strike> Thanks</p>
</body>
</html>

Output:

html strike tag 1

Example #2

Code:

<html>
<head>
<style>
.sample{
color:blue;
}
body {
text-align:center;
}
</style>
</head>
<body>
<div class="sample">
<strike>Welcome</strike>
<strike>To My Domain</strike>
</div>
</body>
</html>

Output:

html strike tag 2

Example #3

Code:

<html>
<head>
<style>
.sample{
color:red;
}
body {
text-align:center;
}
</style>
</head>
<body>
<div class="sample">
<ol>
<li>Apples</li>
<li><del>Mangoes</del></li>
<li><del>Strawberry</del></li>
</ol>
</div>
</body>
</html> 

Output:

<strike> tag

The above examples show the <strike> tag usages in HTML documents. We see the first example will use the <strike> tag in html document in that mentioned contents will be deprecated in the web page same second example we will use some CSS styles applied in the web pages based on that it will be displayed in the web page views on the user screen the final example we use the <del> tag in document instead of <strike> tag same purpose the mentioned contents or text will be removed in the web page. The Same tag will be worked on some other frameworks like bootstrap and jquery libraries also it will be used in the ionic Angular frameworks etc.

Popular Course in this category
HTML Training (12 Courses, 19+ Projects, 4 Quizzes)12 Online Courses | 19 Hands-on Projects | 89+ Hours | Verifiable Certificate of Completion | Lifetime Access | | 4 Quizzes with Solutions
4.5 (5,742 ratings)
Course Price

View Course

Related Courses
Bootstrap Training (2 Courses, 6+ Projects)XML Training (5 Courses, 6+ Projects)CSS Training (9 Courses, 9+ Projects)

Conclusion

Based on the above concepts the surface of the <strike> HTML tag will be easy to see how versatile it is in web page users. It will take full advantage of the understanding of CSS frameworks and also it will work with jquery, Angular but the purpose will be different for each technologies.

Recommended Articles

This is a guide to HTML Strike Tag. Here we discuss the basic concept, various examples, and how to use strike tags in HTML? You may also have a look at the following articles to learn more –

  1. HTML Text Formatting Tags
  2. HTML Text Attributes
  3. Embed Tag in HTML
  4. Canvas Tag in HTML

HTML Training (12 Courses, 19+ Projects, 4 Quizzes)

12 Online Courses

19 Hands-on Projects

89+ Hours

Verifiable Certificate of Completion

Lifetime Access

4 Quizzes with Solutions

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
HTML Tutorial
  • Tags
    • Types of Tags in HTML
    • Basic HTML Tags
    • HTML Format Tags
    • HTML object Tag
    • HTML Image Tags
    • HTML Table Tags
    • Meta Tag in HTML
    • Caption Tag in HTML
    • Aside Tag in HTML
    • Style Tag in HTML
    • Cite Tag in HTML
    • HTML Legend Tag
    • Quotation Tag in HTML
    • Datalist in HTML
    • map Tag in HTML
    • HTML Marquee Tag
    • Footer Tag in HTML
    • HTML nav Tag
    • HTML figure Tag
    • Option Tag in HTML
    • Inline Tags in HTML
    • Pre Tag in HTML
    • Span Tag in HTML
    • HTML samp Tag
    • SUP Tag in HTML
    • Div Tag in HTML
    • HTML tr Tag
    • HTML abbr Tag
    • HTML Address Tag
    • Small Tag in HTML
    • PHP Tag in HTML
    • Canvas Tag in HTML
    • Font Tag in HTML
    • Select Tag in HTML
    • HTML Picture Tag
    • Fieldset Tag in HTML
    • HTML Code Tag
    • kbd Tag in HTML
    • TextArea Tag in HTML
    • HTML Article Tag
    • HTML Button Tag
    • HTML time Tag
    • THead Tag in HTML
    • HTML frameset Tag
    • HTML checkbox Tag
    • Address Tag in HTML
    • Area Tag in HTML
    • HTML Strike Tag
    • HTML section Tag
    • HTML Umlaute
    • Frame Tag in HTML
    • tfoot in HTML
    • Embed Tag in HTML
    • href tag in HTML
    • Alt Tag in HTML
    • HTML Audio Tag
  • Basic
    • Introduction to HTML
    • What is HTML
    • HTML stands for
    • Advantages of HTML
    • Applications of HTML
    • Career In HTML
    • How HTML Works
    • Versions of Html
    • Symbols in HTML
    • HTML Commands
    • HTML Events
    • HTML Fonts Styles
    • HTML Form Controls
    • HTML Form Elements
    • HTML Frames
    • HTML Layout
    • HTML Entities
    • HTML List Styles
    • HTML Style Sheets
    • HTML Text Formatting Tags
    • What is XHTML?
    • HTML Section vs Div
    • DHTML
    • Cheat Sheet HTML
  • Attributes
    • HTML Attributes
    • HTML Event Attributes
    • HTML Style Attribute
    • HTML Text Attributes
    • HTML Block Elements
    • HTML Inline-Block
    • Block Level Elements in HTML
    • HTML Form Attribute
    • HTML Padding vs Margin
  • Color
    • HTML Colors 
    • RGB Color Model
    • Color Name in HTML
    • HTML Color Picker
    • Scrollbar Color
  • HTML5
    • What is HTML5
    • HTML5 Elements
    • Html5 New Elements
    • HTML5 Tags
    • HTML5 Semantics
    • HTML5 Web Workers
    • HTML5 Semantic Elements
  • Advance
    • Create Tables in HTML
    • Drag and Drop in HTML
    • Dropdown List in HTML
    • HTML Align Center
    • HTML Display Block
    • HTML Blocks
    • HTML Canvas
    • HTML SVG
    • HTML Text Editors
    • HTML Text Link
    • HTML Text Decoration
    • HTML URL Encoding
    • Iframes in HTML
    • HTML Tooltip
    • HTML Reset Button
    • HTML Hide Element
    • Image Link in HTML
    • Web Templates HTML
    • HTML Ordered List
    • HTML Unordered List
    • HTML Description List
    • HTML Form Validation
    • HTML Form Action
    • Registration Form in HTML
    • HTML Justify Text
    • Date in HTML
    • Vertical Table HTML
    • DOCTYPE HTML
    • Moving Text in HTML
    • Scrollbar in HTML Table
    • Responsive in HTML
    • HTML Inline-Style
    • HTML Progress Bar
    • HTML Colspan
    • HTML Favicon
    • HTML margin-left
    • Combobox in HTML
    • HTML Table Background
    • Table Without Border in HTML
    • Nested Table in HTML
    • Table Border in HTML
    • HTML onclick Button
    • HTML Image Padding
    • HTML Padding
    • HTML Border Style
    • HTML Float Left
    • File Path in HTML
    • HTML Geolocation
    • Linking Pages in HTML
    • Embed PHP in HTML
    • How to Add CSS in HTML?
    • Design Web Page in HTML
    • HTML Schriftart
    • Cursor in HTML
    • Scrollbar in HTML
    • HTML Sonderzeichen
    • HTML Search Bar
  • Interview Questions
    • HTML interview Questions
    • HTML5 Interview Questions And Answers

Related Courses

Online HTML Course

Bootstrap Training Course

XML Training Course

CSS Training Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Java Tutorials
  • Python Tutorials
  • All Tutorials
Certification Courses
  • All Courses
  • Software Development Course - All in One Bundle
  • Become a Python Developer
  • Java Course
  • Become a Selenium Automation Tester
  • Become an IoT Developer
  • ASP.NET Course
  • VB.NET Course
  • PHP Course

© 2020 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA
Free Software Development Course

Web development, programming languages, Software testing & others

*Please provide your correct email id. Login details for this Free course will be emailed to you
Book Your One Instructor : One Learner Free Class

Let’s Get Started

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA Login

Forgot Password?

EDUCBA
Free Software Development Course

Web development, programming languages, Software testing & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

Special Offer - HTML Training (12 Courses, 19+ Projects, 4 Quizzes) Learn More