Skip to main content

Posts

Showing posts from November, 2020

How To Use object Tag In HTML 5 How To Defines an embedded object

HTML <object> Tag Definition and Usage   The <object> tag defines a container for an external resource. The external resource can be a web page, a picture, a media player, or a plug-in application.   Ø To embed a picture, it is better to use the <img> tag. Ø To embed HTML, it is better to use the <iframe> tag. Ø To embed video or audio, it is better to use the <video> and <audio> tags. Example An embedded image: <object data="pic_trulli.jpg" width="300" height="200"></object>   Example An embedded HTML page: <object data="snippet.html" width="500" height="200"></object>   Example An embedded video: <object data="video.mp4" width="400" height="300"></object>

How To Use noscript Tag In HTML 5 How To Defines an alternate content

HTML <noscript> Tag Definition and Usage The <noscript> tag defines an alternate content to be displayed to users that have disabled scripts in their browser or have a browser that doesn't support the script. The <noscript> element can be used in both <head> and <body>. When used inside <head>, the <noscript> element could only contain <link>, <style>, and <meta> elements. Example Use of the <noscript> tag: <script> document.write("Hello World!") </script> <noscript> Your browser does not support JavaScript! </noscript>

How To Use noframes Tag In HTML 5 Not supported in HTML 5

HTML <noframes> Tag Not Supported in HTML5. The <noframes> tag was used in HTML 4 to act as a fallback tag for browsers that did not support frames. What to Use Instead? Example Use the  <iframe>  tag to embed another document within the current HTML document: < iframe  src ="https://mus-group-of-it.business.site/" >< /iframe >

How To Use nav Tag In HTML 5 | How To Defines navigation links in HTML 5

HTML <nav> Tag Definition and Usage The <nav> tag defines a set of navigation links. Notice that NOT all links of a document should be inside a <nav> element. The <nav> element is intended only for major block of navigation links. Browsers, such as screen readers for disabled users, can use this element to determine whether to omit the initial rendering of this content. Example A set of navigation links: < nav >    < a  href ="/html/" > HTML < /a >  |    < a  href ="/css/" > CSS < /a >  |    < a  href ="/js/" > JavaScript < /a >  |    < a  href ="/python/" > Python < /a > < /nav >

How To Use meter Tag In HTML 5 | How To Defines a scalar measurement

HTML <meter> Tag Definition and Usage The <meter> tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge. Examples: Disk usage, the relevance of a query result, etc. Note: The <meter> tag should not be used to indicate progress (as in a progress bar). For progress bars, use the <progress> tag. Tip: Always add the <label> tag for best accessibility practices!   Example Use the meter element to measure data within a given range (a gauge):   < label  for ="disk_c"> Disk usage C: < /label > < meter  id ="disk_c"  value ="2"  min ="0"  max ="10"> 2 out of 10 < /meter >< br > < label  for ="disk_d"> Disk usage D: < /label > < meter  id ="disk_d"  value ="0.6"> 60% < /meter >

How To Use mark Tag In HTML5 How To Defines marked highlighted text

HTML  [mark]  Tag Definition and Usage The  [mark]  tag defines text that should be marked or highlighted. Example Highlight parts of a text: <!DOCTYPE html> <html> <head>   <title>Mark Tag Use</title> </head> <body>   <p>How to use Mark Tag in <mark>HTML</mark></p> </body> </html>

How To Use map Tag In HTML5 How To Defines a client side image map

HTML (map) Tag Definition and Usage The (map) tag is used to define an image map. An image map is an image with clickable areas. The required name attribute of the (map) element is associated with the (IMG)'s usemap attribute and creates a relationship between the image and the map. The (map) element contains a number of (area) elements that defines the clickable areas in the image map. Example An image map, with clickable areas: < img  src ="workplace.jpg"  alt ="Workplace"  usemap ="#workmap"  width ="400"  height ="379" > < map  name ="workmap" >    < area  shape ="rect"  coords ="34,44,270,350"  alt ="Computer"  href ="computer.htm" >    < area  shape ="rect"  coords ="290,172,333,250"  alt ="Phone"  href ="phone.htm" >    < area  shape ="circle"  coords ="337,300,44"  alt =...

How To Use main Tag In HTML 5 How To Specifies the main content of body

Definition and Usage The  <main>  tag specifies the main content of a document. The content inside the  <main>  element should be unique to the document. It should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms. Note:  There must not be more than one  <main>  element in a document. The  <main>  element must NOT be a descendant of an <article>, <aside>, <footer>, <header>, or <nav> element. Example Specify the main content of the document: < main >    < h1 > Most Popular Browsers < /h1 >    < p > Chrome, Firefox, and Edge are the most used browsers today. < /p >    < article >      < h2 > Google Chrome < /h2 >      < p > Google Chrome is a web browser deve...

How To Use link Tag In HTML 5 | How To Defines the relationship between

Definition and Usage The  <link>  tag defines the relationship between the current document and an external resource. The  <link>  tag is most often used to link to external style sheets. The  <link>  element is an empty element, it contains attributes only. Example Link to an external style sheet: < head >    < link  rel ="stylesheet"  href ="styles.css" > < /head >

How To Use li Tag In HTML5 | How To Defines a list item

Definition and Usage The  li  tag defines a list item. The  li  tag is used inside ordered lists( ol), unordered lists (ul), and in menu lists (menu). In ul and menu, the list items will usually be displayed with bullet points. In ol, the list items will usually be displayed with numbers or letters. Tip:  Use CSS to  style lists . Example One ordered (<ol>) and one unordered (<ul>) HTML list: < ol >    < li > Mobile < /li >    < li > Laptot < /li >    < li > Computer < /li > < /ol > < ul >    < li > Mobile < /li >    < li > Laptop < /li >    < li > Computer < /li > < /ul >

How To Use legend Tag In HTML 5 | How To Defines a caption for a fieldset tags

HTML <legend> Tag Group related elements in a form: How To Use legend Tag In HTML5 | How To Defines a caption for a fieldset Tag In HTML5 | Learn HTML5 IN URDU - HINDI Example < form  action ="/action_page.php" >    < fieldset >      < legend > Personalia: < /legend >      < label  for ="fname" > First name: < /label >      < input  type ="text"  id ="fname"  name ="fname" >< br >< br >      < label  for ="lname" > Last name: < /label >      < input  type ="text"  id ="lname"  name ="lname" >< br >< br >      < label  for ="email" > Email: < /label >      < input  type ="email"  id ="email"  name ="email" >< br >< br >      ...