Tag: html in hindi

HTML <track> default Attribute

Example A video with two subtitle tracks. “English” subtitle is the default: <video width=”320″ height=”240″ controls> <source src=”forrest.mp4″ type=”video/mp4″>  <track src=”subtitles_en.vtt” kind=”subtitles” srclang=”en” label=”English” default> <track src=”subtitles_no.vtt” kind=”subtitles” srclang=”no” label=”Norwegian”> </video> Definition and Usage The default attribute is a boolean attribute. When present, it specifies that the track is to be enabled if the user’s preferences do not indicate that another track would be more appropriate. Note: There must not […]

HTML <track> Tag

Example A video with two subtitle tracks: <video width=”320″ height=”240″ controls> <source src=”forrest.mp4″ type=”video/mp4″>  <track src=”subtitles_en.vtt” kind=”subtitles” srclang=”en” label=”English”> <track src=”subtitles_no.vtt” kind=”subtitles” srclang=”no” label=”Norwegian”> </video> Definition and Usage The <track> tag specifies text tracks for media elements (<audio> and <video>). This element is used to specify subtitles, caption files or other files containing text, that should be visible when the media is playing. Browser Support The numbers in […]

HTML DOM DT Object

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

HTML <ul> Tag

Example An unordered HTML list: <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The <ul> tag defines an unordered (bulleted) list. Use the <ul> tag together with the <li> tag to create unordered lists. Browser Support Element <ul> Yes Yes Yes Yes Yes Tips and Notes Tip: Use […]

HTML <dir> Tag

Not Supported in HTML5 Example A directory list: <dir> <li>html</li> <li>xhtml</li> <li>css</li> </dir> Try it Yourself » Definition and Usage The <dir> tag is not supported in HTML5. Use <ul> or CSS instead. The <dir> tag is used to list directory titles. Browser Support Element <dir> Yes Yes Yes Yes Yes Tips and Notes Tip: Use CSS to […]

HTML <dialog> Tag

Example Using the <dialog> element: <table> <tr> <th>January <dialog open>This is an open dialog window</dialog></th> <th>February</th> <th>March</th> </tr> <tr> <td>31</td> <td>28</td> <td>31</td> </tr> </table> Try it Yourself » Definition and Usage The <dialog> tag defines a dialog box or window. The <dialog> element makes it easy to create popup dialogs and modals on a web page. Browser […]

HTML DOM DFN Object

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

HTML <details> Tag

Example Using the <details> element: <details> <summary>Copyright 1999-2018.</summary> <p> – by Refsnes Data. All Rights Reserved.</p> <p>All content and graphics on this web site are the property of the company Refsnes Data.</p> </details> Try it Yourself » Definition and Usage The <details> tag specifies additional details that the user can view or hide on demand. The […]

HTML <ins> Tag

Example A text with a deleted part, and a new, inserted part: <p>My favorite color is <del>blue</del> <ins>red</ins>!</p> Try it Yourself » Definition and Usage The <ins> tag defines a text that has been inserted into a document. Tip: Also look at the <del> tag to markup deleted text. Browsers will normally strike a line through deleted text and underline […]

HTML <del> Tag

Example A text with a deleted part, and a new, inserted part: <p>My favorite color is <del>blue</del> <ins>red</ins>!</p> Try it Yourself » Definition and Usage The <del> tag defines text that has been deleted from a document. Browser Support Element <del> Yes Yes Yes Yes Yes Tips and Notes Tip: Also look at the <ins> tag to markup inserted text. […]

HTML <dd> Tag

Example A description list, with terms and descriptions: <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl> Try it Yourself » Definition and Usage The <dd> tag is used to describe a term/name in a description list. The <dd> tag is used in conjunction with <dl> (defines a description list) and <dt> (defines terms/names). Inside a <dd> tag […]

HTML <datalist> Tag

Example An <input> element with pre-defined values in a <datalist>: <input list=”browsers”> <datalist id=”browsers”> <option value=”Internet Explorer”> <option value=”Firefox”> <option value=”Chrome”> <option value=”Opera”> <option value=”Safari”> </datalist> Try it Yourself » Definition and Usage The <datalist> tag specifies a list of pre-defined options for an <input> element. The <datalist> tag is used to provide an “autocomplete” feature on <input> elements. Users will see […]

HTML <data> Tag

Example The following example displays product names but also associates each name with a product number: <ul> <li><data value=”21053″>Cherry Tomato</data></li> <li><data value=”21054″>Beef Tomato</data></li> <li><data value=”21055″>Snack Tomato</data></li> </ul> Try it Yourself » Definition and Usage The <data> tag links the given content with a machine-readable translation. This element provides both a machine-readable value for data processors, and a human-readable […]

HTML <colgroup> charoff Attribute

Example In the example below, the content of the second column is aligned two characters to the right from the “.” character: <table style=”width:100%”> <colgroup align=”left”></colgroup> <colgroup align=”char” char=”.” charoff=”2″></colgroup> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100.00</td> </tr> <tr> <td>February</td> <td>$10.00</td> </tr> </table> Try it Yourself » Definition and Usage The <colgroup> charoff attribute is not supported in HTML5. The […]

HTML <colgroup> align Attribute

Example Two <colgroup> elements that specify different alignment for the three columns in the table (notice that the first <colgroup> element spans two columns): <table style=”width:100%”> <colgroup span=”2″ align=”left”></colgroup> <colgroup align=”right”></colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> <td>My first HTML</td> <td>$53</td> </tr> </table> Try it Yourself » Definition and Usage The align attribute specifies the horizontal alignment of […]

HTML <col> width Attribute

Example Two <col> elements with a predefined width: <table> <col width=”130″> <col width=”80″> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </table> Try it Yourself » Definition and Usage The width attribute specifies the width of a <col> element. Normally, a <col> element takes up the space it needs to display the content. […]

HTML <col> char Attribute

Example In the example below, the content of the second column should be aligned to the “.” character: <table style=”width:100%”> <col align=”left”> <col align=”char” char=”.”> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100.00</td> </tr> <tr> <td>February</td> <td>$10.00</td> </tr> </table> Try it Yourself » Definition and Usage The <col> char attribute is not supported in HTML5. The char attribute specifies the […]

HTML <col> align Attribute

Example Specify the alignment for the three columns in the table: <table style=”width:100%”> <col align=”left”> <col align=”left”> <col align=”right”> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> <td>My first HTML</td> <td>$53</td> </tr> </table> Try it Yourself » Definition and Usage The align attribute specifies the horizontal alignment of the content related to a <col> element. Browser Support Attribute align Not […]

HTML <colgroup> Tag

Example Set the background color of the three columns with the <colgroup> and <col> tags: <table> <colgroup> <col span=”2″ style=”background-color:red”> <col style=”background-color:yellow”> </colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> <td>My first HTML</td> <td>$53</td> </tr> </table> Try it Yourself » Definition and Usage The <colgroup> tag specifies a group of one or more columns in a table for […]

HTML <kbd> Tag

Example Format text in a document: <kbd>Keyboard input</kbd> Try it Yourself » Definition and Usage The <kbd> tag is a phrase tag. It defines keyboard input. Tip: This tag is not deprecated, but it is possible to achieve richer effect with CSS. All phrase tags: Tag Description <em> Renders as emphasized text <strong> Defines important text […]