Tech Honey

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

HTML

HTML B Tag

by

Bold in HTMLTo make any text bold in HTML we can use the HTML b (<b>) tag. IN other words we can say that we can make any text to appear bold in a web browser by writing the text in the HTML <b> tag.

Bold in HTML using the <b> tag should be considered as the last option as per HTML 5, this in turn means that we should make text bold in HTML by using the <b> tag only if there is nothing else that can achieve the same functionality.

Syntax to Bold in HTML using <b> tag

<b>
Some text goes here
</b>

Example to do Bold in HTML using <b> Tag

Bold in HTML Code Output 
Techhoney.com is<b>
a good website.
</b>
Techhoney.com is
a good website.

Here in the above example we have achieved doing text bold in HTML using the HTML <b> tag. Note that the text within the HTML <b> tag is only rendered as bold in the HTML code output.

HTML b (<b>> tag supports the HTML Global Attributes and HTML Event Attributes.

HTML b 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 Big Tag

by

Big HTML TagBig HTML Tag is used to define a bigger text in HTML.

The Big HTML Tag is not supported in HTML 5 but is supported in HTML 4.0.1.

As mentioned above that HMTL 5 doesn’t supports the HTML big tag, we have to use the CSS instead.

Syntax for Big HTML Tag

<big>
Some text goes here..
</big>

Example of HTML Big Tag

Big HTML Tag Code Output 
Tech Honey is a
<big> good website </big>.
Tech Honey is a
good website.

Here we can see that the output of the HTML Big Tag formats the words “good website” differently than the other words in the same sentence. The text “good website” is rendered much bigger than the other words and that’s the use if HTML Big Tag.

Big HTML Tag Supported Attributes (in HTML 4.0.1)

HTML Big 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 resources.

See all HTML Global Attributes.

Big HTML Tag Supported Event Attributes

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

Big HTML 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 Br Tag

by

HTML Br TagHTML BR Tag is used to insert a single line break.

HTML BR Tag is an empty tag which means that we don’t need to close the br tag in HTML 5, but in XHTML, we have to close the br tag by using <br /> tag.

The BR Tag can be very useful to put line breaks in any HTML resource or webpage.

We should not use the BR Tag to separate paragraphs in any HTML resource or webpage, instead we should use the HTML p tag.

Syntax of HTML Br Tag

Some text here <br> 
Some text there

Example of HTML Br Tag

HTML Br Tag Code Output 
Tech Honey is <br> a good website.
Tech Honey is
a good website.

Here in the above HTML Br tag example we can see that the text after the <br> tag is displayed in a new line in the code output. Hence a line break has been generated in the text as soon as the HTML br tag is encountered by the browser.

HMTL Br Tag supports all HTML Global Attributes and HTML Event Attributes.

HTML Br 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 Center Tag

by

HTML Center Text TagIn HTML center text can be done using the HTML Center Tag. In other words we can say that whenever we want to align center any text in HTML we can use the HTML Center tag.

The HTML Center Tag is not supported in HTML 5 and is deprecated in HTML 4.0.1 hence we have to use CSS to HTML Center Text in any resource or webpage to align text at the center.

Syntax for HTML Center Text Tag

Some Text in beginning

<center>
Some text in center
</center>

Some text in the end

Example for HTML Center Text Tag

HTML Center Text Tag Code Output 
This is a text in the beginning.
<center>This is the text that will be centered.</center>
This is the text at the end.
This is a text in the beginning.
This is the text that will be centered.

This is the text at the end.

Here in the HTML Center Text example we can see that the text written within the HTML Center tag is aligned to the center of the space available for the output to be displayed whereas the rest of the text is aligned to the left of the available space.

HTML Center Text Tag Supporting Attributes

HTML Center Text 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 Center Text Tag Supported Event Attributes

HTML Center Text 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 Center Text 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 Bdi Tag

by

Bidirectional Text HTMLBidirectional Text can be written in HTML using the HTML BDI Tag. In other words we can say that whenever we want to write bidirectional text in html we use the HTML BDI Tag.

BDI Stands for Bi-directional Isolation.

HTML BDI Tag segregates the part of the text which is arranged in a dissimilar way from the text neighboring it.

The bidirectional text isolation is pretty useful when we are dealing with content generated by users and we are uncertain about the direction of the text that may be generated.

Note: Bdi tag is new in HTML 5

 Syntax of Writing Bidirectional Text using HTML BDI Tag

<bdi>
Some Text 
</bdi>

Example of Writing Bidirectional Text using HTML BDI Tag

HTML Bidirectional Text Code Output 
<p> And the top 3 list of winners is:</p>
<ul>
<li>User Name <bdi>John</bdi></li>
<li>User Name <bdi>Mark</bdi> and, </li>
<li>User <bdi> يوسف </bdi></li>
</ul>
And the top 3 list of winners is:

  • User Name John
  • User Name Mark and,
  • User يوسف

Here in the above Bidirectional Text example we can see that the last name in the list of winners will be displayed as aligned left to right as the formatting of the name is in Arabic language.

HTML Bdi Tag Support all HTML Global Attributes and HTML Event Attributes.

HTML Bidirectional Text Supporting Browsers

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