Tech Honey

The #1 Website for Oracle PL/SQL, OA Framework and HTML

HTML Strike Tag

by

HTML Strike Tag <strike> is used when we want to render a strikethrough text on a browser.

Any text within the HTML Strike tag <strike> will be rendered as strikethrough, a strikethrough text is the one in which there is a cut like line passing through the text.

HTML Strike tag is a closed tag and needs a closing HTML Strike tag </strike>

Note:

  1. Strike Tag is not supported in HTML 5, we have to use the HTML 5 del tag <del> instead.
  2. Also the strike tag is deprecated in HTML 4.0.1.

Syntax of HTML Strike Tag

<strike>
Some text here
</strike>

Example of HTML Strike Tag

HTML Strike Tag Code Output 
<p> <strike>I have a black dog. </strike></p>
<p> Now I have a new fawn dog </p>
I have a black dog. Now I have a new fawn dog

In the above HTML Strike Tag output we can see that the text “I have a black dog” is being rendered as cut or strikethrough because we have wrapped it within the HTML Strike tag.

HTML Strike Tag Supported Global Attributes (in HTML 4.0.1)

HTML Strike Tag Attribute Name Value Description
Class classname Indicates a classname for the tag
Dir rtl, ltr Indicates the text direction: right to left (rtl) and left to right (ltr).
Id id Defines a unique id for the tag
Lang language_code Indicates the language code for the language contained within the tag
Style style_definition Indicates an inline style for the tag
Title text Defines additional information about the tag

See all HTML Global Attributes.

HTML Strike Tag supported Event Attributes (In HTML 4.0.1)

HTML Strike Tag Event Attributes Value Description
onclick Script/code Script/code to be executed on mouse click
ondbclick Script/code Script/code to be executed on mouse double click
onmousedown Script/code Script/code to be executed on mouse button is pressed
onmousemove Script/code Script/code to be executed on mouse pointer moves
onmouseout Script/code Script/code to be executed on mouse pointer moves out of the target element
onmouseover Script/code Script/code to be executed on mouse pointer moves over the target element
onmouseup Script/code Script/code to be executed on mouse button is released
onkeydown Script/code Script/code to be executed on key press
onkeypress Script/code Script/code to be executed on key pressed and then released
onkeyup Script/code Script/code to be executed on key is released

See all HTML Event Attributes.

HTML Strike Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes

HTML Aside Tag

by

HTML Aside Tag

HTML Aside Tag <aside> is used to classify some text which is sideways from the text within which it is placed.

We should make sure that the text within HTML Aside Tag and the text or content adjoining it should be associated or should be on the same topic.

HTML 5 Aside Tag <aside> is a closed tag and needs a closing HTML 5 Aside Tag </aside>

Note: Aside Tag is new in HTML 5.

HTML Aside Tag Syntax

<aside>
Some text here …
</aside>

HTML Aside Tag Example

HTML Aside Tag Code Output 
<p>Me and my family
went to Central Zoo today </p>
<aside>
<big>Zoo</big>
<p> Zoo is where
different species of living animals
and birds are kept and exhibited to public.
</p></aside>
Me and my family went to Central Zoo today

Zoo

In the above HTML 5 aside tag example, we can see that the content within the aside HTML 5 Tag is rendered in a different manner than the content neighboring it.

Also note the use of HTML big tag <big>.

HTML 5 aside tag supports all HTML Global Attributes and HTML Event Attributes.

HTML Aside Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes (From IE 9 Onwards)
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes

HTML FigCaption Tag

by

HTML FigCaption TagHTML figcaption tag <figcaption> is used to classify a caption for an element of HTML figure type.

In other words we can say that, whenever we want to provide caption to HTML Figure type we use the HTML figcaption tag.

HTML figcaption tag should be either first or last child of the HTML Figure tag.

HTML 5 figcaption tag is a closed tag and needs closing figcaption HTML 5 tag </figcaption>.

Note: Figcaption tag is new in HTML 5.

HTML Figcaption Tag Syntax

<figcaption>
Some caption for figure here..
</figcaption>

HTML Figcaption Tag Example

HTML Figcaption Tag Code Output 
Earth is the third planet from the Sun,
and fifth-largest of the eight planets
in the Solar System.
It is sometimes referred to
as the world or the Blue Planet.
<figure>
<img alt="The Earth" src="Earth.jpg"
width="304" height="228" />
<figcaption> Blue Planet: The Earth
</figcaption>
</figure>
Earth is the third planet from the Sun, and fifth-largest of the eight planets in the Solar System. It is sometimes referred to as the world or the Blue Planet.

The Earth
Blue Planet: The Earth

Here in the above figcaption HTML example we can see that the text “Blue Planet: The Earth” becomes the caption for the image of the earth.

Also note that we have used the figcaption tag within the HTML figure tag.

HTML 5 Figcaption tag supports all HTML Global Attributes and HTML Event Attributes.

HTML Figcaption Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes (From IE 9 Onwards)
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes

HTML Header Tag

by

HTML Header TagHTML Header tag <header> is used to classify a header for an HTML Resource or webpage.

Ideally header should contain introduction of the HTML resource or webpage.

Header tag is a closed tag and needs a closing header HTML tag </header>

An HTML resource can have multiple HTML Headers in it.

Note: Header tag is new in HTML 5.

HTML Header Tag Syntax

< header >
Some Information Here..
</ header >

HTML Header Tag Example

HTML Header Tag Code Output 
<header><h1> This page deals with Header Tag</h1>
<p> Header tag is used to provide a heading to HTML page</p>
</header>
This page deals with Header Tag

Header tag is used to provide a heading to HTML page

In the above Header Tag example we have used the header tag to provide the information about this current page.

HTML header tag supports all HTML Global Attributes and HTML Event Attributes.

HTML Header Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes (From IE 9 Onwards)
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes

Important point about HTML header Tag

  1. A Header cannot be placed inside HTML footer, address or another header tag.

HTML Footer Tag

by

HTML Footer TagHTML Footer tag <footer> is used to classify a footer for an HTML Resource or webpage.

Ideally footer should contain information about the containing HTML resource or webpage like Disclaimer, Privacy Policy, Terms of Use, and Author of resource or Contact Information etc. as can be seen at the bottom of this page itself.

HTML footer tag is a closed tag and needs a closing Footer HTML tag </footer>

An HTML resource can have multiple HTML footer in it.

Note: Footer tag is new in HTML 5.

HTML Footer Tag Syntax

<footer>
Some Information Here..
</footer>

HTML Footer Tag Example

HTML Footer Tag Code Output 
<footer>
Copyright Tech Honey 2013
</footer>
Copyright Tech Honey 2013

In the above HTML Footer Tag example we have used the footer tag to provide the copyright information about techhhoney.com.

HTML Footer tag supports all HTML Global Attributes and HTML Event Attributes

HTML Footer Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes (From IE 9 Onwards)
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes

Important Point about HTML Footer Tag:
1. If contact information is provided in footer then the information should be written in HTML Address Tag