Tech Honey

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

HTML HGroup Tag

by

HTML HGroup TagHTML Hgroup tag <hgroup> is used to group headings in a webpage.

In other words we can say that whenever a webpage has multiple levels of headings then we can use the HGroup tag <hgroup> to group all the headings together.

HGroup tag can group <h1> to <h6> headings on a webpage having multiple levels of headings in it.

Note: Hgroup tag is new in HTML 5.

HTML HGroup Tag Syntax

<hgroup>
Some heading here
</hgroup>

HTML HGroup Tag Example

HTML Hgroup Tag Code Output 
</pre>
<hgroup>
<h1>Welcome to the HTML HGroup Page</h1>
<h2>This page details the HTML HGroup Tag</h2>
</hgroup>
<pre>
Welcome to the HTML HGroup Page

This page details the HTML HGroup Tag

In the above HGroup Tag example, we have grouped the <h1> and <h2> heading in HTML HGroup.

HGroup Tag supports all HTML Global Attributes and HTML Event Attributes.

HTML HGroup 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 Cite Tag

by

HTML Cite TagHTML Cite tag <cite> is used to classify a label or title for some work like book, painting, song etc.

In HTML 4.01 the Cite tag is used for citation whereas in HTML 5 Cite tag is used for labeling or providing title for some work as mentioned above.

Cite HTML tag <cite> is a closed tag needs closing Cite html tag </cite>

Note: Someone’s name can’t be used in HTML Cite tag as the name of a person is not title or label of work.

HTML Cite Tag Syntax

<cite>
Some title here
</cite>

HTML Cite Tag Example

HTML Cite Tag Code Output
HTML Cite Tag - Da Vinci

 

 

 

 

 

<cite>
The Da Vinci Code</cite> is a great book by Dan Brown.
HTML Cite Tag - Da Vinci

 

 

 

 

 

The Da Vinci Code is a great book by Dan Brown.

In the HTML Cite tag example above we can see that the name of the book “The Da Vinci Code” is rendered in a different format than the neighboring it as its wrapped in HTML Cite tag.

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

HTML Cite 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 TT Tag

by

HTML TT TagHTML Tt Tag <tt> is used to define teletype text in any HTML Resource or webpage.

HTML Tt tag <tt> is not supported in HTML 5 but is supported in HTML 4.01.

Syntax of HTML Tt Tag

<tt>
Some text here..
</tt>

Example of HTML Tt Tag

HTML Tt Tag Code Output 
This text is normal.
<tt> This text is in teletype. </tt>
This text is normal.
This text is in teletype.

In the example of HTML Tt Tag output above, we can see that the “This text is in teletype” is being displayed in a different font because we have wrapped it in HTML Tt Tag.

HTML Tt 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
Xml:lang Language_code Indicates the language code for the language contained within the tag in XHTML.

See all HTML Global Attributes.

HTML Tt 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 Tt 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 Rp Tag

by

HTML Rp TagHTML Rp tag <rp> defines what to display if the HTML Ruby tag is not supported in browser. In other words we can say that, the HTML Rp Tag defines what will be rendered on the browser if the browser does not support HTML Ruby Tag.

HTML Rp tag is used with the HTML Ruby Tag and HTML Rt Tag.

The HTML Ruby tag defines the Chinese or Japanese Characters which needs to be helped in pronunciation and the HTML Rt Tag shows the required pronunciation.

HTML 5 Rp tag is a closed tag and needs HTML 5 Rp closing tag </rp>

Note: Rp Tag is new in HTML 5.

Syntax of HTML Rp Tag

<rp>
Some Alternate text here..
</rp>

Example of HTML Rp Tag

HTML Rp Tag Code Output 
<ruby>
中国
<rt> Zhōngguó
<rp> Ruby Not</rp></rt>
食品<rt>shípǐn<rp> Supported</rp></rt>
</ruby>

中国
Zhōngguó
 Ruby Not
食品shípǐn Supported

In the HTML 5 Rp Tag example above, we have taken the example of “Chinese Food” which will be pronounced as “Zhōngguó shípǐn”. Note that the actual pronunciation is being displayed on top of the Chinese characters.

The text within the HTML Rp tag will be displayed on the browser if the browser does not supports HTML Ruby Tag.

Also note the usage of HTML Ruby Tag <ruby> for providing the Chinese characters.

HTML Rp Tag supports all HTML Global Attributes and HTML Event Attributes.

HTML Rp 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 Ruby Tag

by

HTML Ruby TagHTML Ruby tag <ruby> is used to classify Ruby annotations which are used to illustrate East Asian typography.

HTML Ruby tag <ruby> characters are small (in display) and can be placed above or to the right side of the Chinese or Japanese characters.

HTML Ruby tag characters display the pronunciation of the Chinese or Japanese characters.

HTML Ruby tag is used with the HTML Rt Tag and HTML Rp Tag.

The HTML Ruby tag defines the Chinese or Japanese Characters which needs to be helped in pronunciation and the HTML Rt Tag shows the required pronunciation.

The HTML Rp Tag defines what will be rendered on the browser if the browser does not support HTML Ruby Tag.

HTML 5 Ruby tag is a closed tag and needs HTML 5 Ruby closing tag </ruby>

Note: Ruby Tag is new in HTML 5.

Syntax of HTML Ruby Tag

<ruby>
Some Chinese or Japanese Text Here ..
</ruby>

Example of HTML Ruby Tag

HTML Ruby Tag Code Output 
<ruby>中国
<rt> Zhōngguó </rt>
食品<rt>shípǐn</rt>
</ruby>
中国
Zhōngguó
食品shípǐn

In the HTML 5 Ruby Tag example above, we have taken the example of “Chinese Food” which will be pronounced as “Zhōngguó shípǐn”. Note that the actual pronunciation is being displayed on top of the Chinese characters.

Also note the usage of HTML Rt Tag <rt> for providing the pronunciation.

HTML Ruby Tag supports all HTML Global Attributes and HTML Event Attributes.

HTML Ruby 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