Header Ads

Header ADS

bdi and bdo tag of HTML

January 21, 2019 0

<bdi></bdi>

<bdi> is also an HTML tag. This tag is new in HTML5.
bdi means Bi-Directional Isolation. 
This <bdi> tag use to isolate a text which is formatted in a different direction from other texts outside the <bdi> tag.
This element is useful or helpful at that time when embedding user-generated content with an unknown direction.



Coding:

             <head>
                         <title> A TITLE WOULD BE GO HERE </title>
            </head>
            <body>
                        <ul>
                                <li>User<bdi>maheeb</bdi>: 60 points </li>
                                <li>User<bdi>hossen</bdi>: 80 points </li>
                                <li>User<bdi>differen text, like arabic text</bdi>: 90 points </li>
                       </ul>
           </body>

So, this is the coding of <bdi> tag.

IF YOU WANT TO LEARN MORE ABOUT WEB DESIGN AND DEVELOPMENT THAN YOU SHOULD VISIT W3SCHOOLS WEBSITE. BECAUSE I AM NOT A PROFESSIONAL WEB DESIGNER OR DEVELOPER. I AM LEARNING WEB DESIGN AND DEVELOPMENT. I AM ALSO USING W3SCHOOLS WEBSITE TO LEARN WEB DESIGN AND DEVELOPMENT. I AM WRITING HERE FOR MY PRACTISING AND WISH OF OR TO EARN SOME MONEY THROUGH GOOGLE ADESANSE. BUT IT IS ALSO TRUE THAT WORK IS NOT FOR MONEY IF WE DO WORK WE SHOULD PAY MONEY.

<bdo></bdo>

This is also an HTML tag. bdo means Bi-Directional Override.
This <bdo> tag is used to override the current or present text direction.
This <bdo> tag has an attribute named dir. 
This dir attribute specifies the text direction of the text inside the <bdo> tag element.
This dir attribute has two values and they are the ltr and rtl.
ltr = Left-to-right text direction.
rtl = Right-to-left text direction.



Coding:

            <head>
                         <title> A TITLE WOULD BE GO HERE </title>
            </head>
           <body>
                       <p> This is a pragraph which is starting from right.</p>
                       <p> <bdo dir="rtl">This is a pragraph which is also like the first one but it is starting from another side means reverse. </bdo> </p>
           </body>
</html>

So, this is the coding of <bdo> tag.

IF YOU WANT TO LEARN MORE ABOUT WEB DESIGN AND DEVELOPER THAN YOU SHOULD VISIT W3SCHOOLS WEBSITE. BECAUSE I AM NOT A PROFESSIONAL WEB DESIGNER OR DEVELOPER. I AM LEARNING WEB DESIGN AND DEVELOPMENT. I AM ALSO LEARNING WEB DESIGN AND DEVELOPMENT FROM W3SCHOOLS WEBSITE AND I AM ALSO TAKING HELP OF W3SCHOOLS WEBSITE TO WRITE IN HERE. I AM WRITING HERE FOR MY PRACTISING AND WISH TO OR OF EARN SOME MONEY THROUGH GOOGLE ADESANSE.
Tags:

No comments

Subscribe to: Post Comments ( Atom )
Powered by Blogger.