techhoneyadmin

HTML HGroup Tag

August 10, 2013 by techhoneyadmin

HTML 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

August 10, 2013 by techhoneyadmin

HTML 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

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

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

August 10, 2013 by techhoneyadmin

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

August 10, 2013 by techhoneyadmin

HTML 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