Tag: html tutorial

HTML <option> Attributes

HTML <option> disabled Attribute A drop-down list with one disabled option: <select> <option value=”volvo” disabled>Volvo</option> <option value=”saab”>Saab</option> <option value=”vw”>VW</option> <option value=”audi”>Audi</option> </select> Try it Yourself » Definition and Usage The disabled attribute is a boolean attribute. When present, it specifies that an option should be disabled. A disabled option is unusable and un-clickable. The disabled attribute can be set to keep a […]

TML <sub> Tag

Example Subscript text: <p>This text contains <sub>subscript</sub> text.</p> Try it Yourself » Definition and Usage The <sub> tag defines subscript text. Subscript text appears half a character below the normal line, and is sometimes rendered in a smaller font. Subscript text can be used for chemical formulas, like H2O. Tip: Use the <sup> tag to define superscripted text.

HTML DOM OptionGroup Object

OptionGroup Object The OptionGroup object represents an HTML <optgroup> element. Access an OptionGroup Object You can access an <optgroup> element by using getElementById(): Example var x = document.getElementById(“myOptgroup”); Try it Yourself » Create an OptionGroup Object You can create an <optgroup> element by using the document.createElement() method: Example var x = document.createElement(“OPTGROUP”); Try it Yourself » OptionGroup […]

HTML <object> Attributes

HTML <object> align Attribute A right-aligned <object>: <object width=”200″ height=”200″ data=”helloworld.swf” align=”right”></object> Try it Yourself » Definition and Usage The align attribute specifies the alignment of an <object> element according to the surrounding element. The <object> element is an inline element (it does not insert a new line on a page), meaning that text and other elements can wrap around it. […]

HTML <noframes> Tag

Not Supported in HTML5 Example A three-framed page, with a <noframes> tag: <html> <frameset cols=”25%,50%,25%”> <frame src=”frame_a.htm”> <frame src=”frame_b.htm”> <frame src=”frame_c.htm”> <noframes>Sorry, your browser does not handle frames!</noframes> </frameset> </html> Try it Yourself » Definition and Usage The <noframes> tag is not supported in HTML5. The <noframes> tag is a fallback tag for browsers that do not support frames. […]

HTML DOM Nav Object

Nav Object  The Nav Object is new in HTML5. The Nav object represents an HTML <nav> element. Note: The <nav> element is not supported in Internet Explorer 8 and earlier versions. Access a Nav Object You can access a <nav> element by using getElementById(): Example var x = document.getElementById(“myNav”); Try it Yourself » Create a Nav Object […]

HTML <nav> Tag

Example A set of navigation links: <nav> <a href=”link-tag.html”>HTML</a> | <a href=”link-tag.html”>CSS</a> | <a href=”link-tag.html”>JavaScript</a> | <a href=”link-tag.html”>jQuery</a> </nav> Try it Yourself » 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 […]

HTML <tbody> Attributres

HTML <tbody> align Attribute Right-align the content inside the <tbody> element: <table> <thead> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tbody align=”right”> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </tbody> </table> Try it Yourself » Definition and Usage The align attribute specifies the horizontal alignment of the content inside the <tbody> element. HTML <tbody> char Attribute Align the content inside the […]

HTML <meta> Attributes

HTML <meta> charset Attribute Example Specify the character encoding for the HTML document: <head> <meta charset=”UTF-8″> </head> Try it Yourself » Definition and Usage The charset attribute specifies the character encoding for the HTML document. Tip: The charset attribute can be locally overridden using the lang attribute on any element. HTML <meta> content Attribute Example Describe metadata within an HTML document: […]

HTML DOM Map Object

Map Object The Map object represents an HTML <map> element. Access a Map Object You can access a <map> element by using getElementById(): Example var x = document.getElementById(“myMap”); Try it Yourself » Create a Map Object You can create a <map> element by using the document.createElement() method: Example var x = document.createElement(“MAP”); Try it Yourself » Map […]

HTML <main> Tag

Example <main> <h1>Web Browsers</h1> <p>Google Chrome, Firefox, and Internet Explorer are the most used browsers today.</p><article> <h1>Google Chrome</h1> <p>Google Chrome is a free, open-source web browser developed by Google, released in 2008.</p> </article><article> <h1>Internet Explorer</h1> <p>Internet Explorer is a free web browser from Microsoft, released in 1995.</p> </article> <article> <h1>Mozilla Firefox</h1> <p>Firefox is a free, […]

HTML <link> Attribute

HTML <link> charset Attribute Example The charset attribute indicates that the linked document is written in Japanese: <link href=”domoarigato.htm” rel=”parent” charset=”ISO-2022-JP”> Definition and Usage The <link> charset attribute is not supported in HTML5. The charset attribute specifies the character encoding of the linked document. The default character-set for modern browsers is ISO-8859-1. Syntax <link charset=”character_set”> Attribute Values Value Description character_set […]

HTML <iframe> longdesc Attribute

Example Point to a page with a long description of the content of the <iframe>: <iframe src=”https://dwfaisalabad.com” width=”500″ height=”300″ longdesc=”DW.txt”> </iframe> Try it Yourself » Definition and Usage The <iframe> longdesc attribute is not supported in HTML5. The longdesc attribute specifies a URL to a page that contains a long description of the content of […]

HTML <iframe> srcdoc Attribute

Example An <iframe> with a srcdoc attribute: <iframe srcdoc=”<p>Hello world!</p>” src=”demo_iframe_srcdoc.htm”></iframe> Try it Yourself » Definition and Usage The srcdoc attribute specifies the HTML content of the page to show in the inline frame. Tip: This attribute is expected to be used together with the sandbox and seamless attributes. If a browser supports the srcdoc attribute, it […]

HTML <iframe> src Attribute

Example An <iframe> in its simplest use: <iframe src=”https://dwfaisalabad.com”></iframe> Try it Yourself » Definition and Usage The src attribute specifies the address of the document to embed in the <iframe>. Browser Support Attribute src Yes Yes Yes Yes Yes Differences Between HTML 4.01 and HTML5 NONE. Syntax <iframe src=”URL“> Attribute Values Value Description URL Specifies the […]

HTML <iframe> scrolling Attribute

Example An <iframe> with scrollbars: <iframe src=”/default.asp” width=”300″ height=”300″ scrolling=”yes”> </iframe> Try it Yourself » Definition and Usage The <iframe> scrolling attribute is not supported in HTML5. Use CSS instead. The scrolling attribute specifies whether or not to display scrollbars in an <iframe>. Normally, scrollbars appear in an <iframe> when the content is larger than the <iframe>. Browser Support […]

HTML <iframe> sandbox Attribute

Example An <iframe> with extra restrictions: <iframe src=”sandbox.htm” sandbox></iframe> Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The sandbox attribute enables an extra set of restrictions for the content in the iframe. When the sandbox attribute is present, and it will: treat the content as being from a unique origin block form […]

HTML <iframe> name Attribute

Example An <iframe> that act as a target for a link: <iframe src=”demo_iframe.htm” name=”iframe_a”></iframe> <a href=”https://dwfaisalabad.com” target=”iframe_a”> Visit DW </a> Try it Yourself » Definition and Usage The name attribute specifies a name for the <iframe>. This name attribute can be used to reference the element in a JavaScript, or as the value of the target attribute of an […]