Example Align the content of the first header two characters to the right from the “M” character: <table> <tr> <th align=”char” char=”M” charoff=”2″>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 <th> charoff attribute is not supported in HTML5. The charoff attribute sets the number of characters […]
Example A simple HTML table with two header cells and two data cells: <table> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The <th> tag defines a header cell in an HTML table. An HTML table has two kinds of cells: […]
Example A simple HTML table, containing two columns and two rows: <table> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The <tr> tag defines a row in an HTML table. A <tr> element contains one or more <th> or <td> elements. Browser Support Element <tr> […]
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 srclang attribute specifies the language of the track text data. This attribute is required if kind=”subtitles”. Tip: To view all available language codes, go to our Language code reference. Browser Support The numbers in the table specify the first browser version […]
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 […]
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 […]
Example Underline a misspelled word with the <u> tag: <p>This is a <u>parragraph</u>.</p> Try it Yourself » Definition and Usage The <u> tag represents some text that should be stylistically different from normal text, such as misspelled words or proper nouns in Chinese. Browser Support Element <u> Yes Yes Yes Yes Yes Tips and Notes Tip: Avoid […]
Example An embedded flash animation: <embed src=”helloworld.swf”> Try it Yourself » Definition and Usage The src attribute specifies the address of the external file to embed. Browser Support Attribute src Yes Yes Yes Yes Yes Differences Between HTML 4.01 and HTML5 The <embed> tag is new in HTML5. Syntax <embed src=”URL“> Attribute Values Value Description URL […]
Example A text with word break opportunities: <p> To learn AJAX, you must be familiar with the XML<wbr>Http<wbr>Request Object. </p> Try it Yourself » Definition and Usage The <wbr> (Word Break Opportunity) tag specifies where in a text it would be ok to add a line-break. Tip: When a word is too long, or you are […]
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 […]
Div Object The Div object represents an HTML <div> element. Access a Div Object You can access a <div> element by using getElementById(): Example var x = document.getElementById(“myDIV”); Try it Yourself » Create a Div Object You can create a <div> element by using the document.createElement() method: Example var x = document.createElement(“DIV”); Try it Yourself » Div […]
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 […]
Dialog Object The Dialog Object is new in HTML5. The Dialog object represents an HTML <dialog> element. Note: The <dialog> element is currently only supported in Chrome 37+, Safari 6+ and Opera 24+. Access a Dialog Object You can access a <dialog> element by using getElementById(): Example var x = document.getElementById(“myDialog”); Try it Yourself » Create a […]
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 […]
Details Object The Details object represents an HTML <details> element. Note: The <details> element is not supported in Internet Explorer. Access a Details Object You can access a <details> element by using getElementById(): Example var x = document.getElementById(“myDetails”); Try it Yourself » Create a Details Object You can create a <details> element by using the document.createElement() method: […]
Del Object The Del object represents an HTML <del> element. Access a Del Object You can access a <del> element by using getElementById(): Example var x = document.getElementById(“myDel”); Try it Yourself » Create a Del Object You can create a <del> element by using the document.createElement() method: Example var x = document.createElement(“DEL”); Try it Yourself » Del […]
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 […]
The DD object represents an HTML <dd> element. Access a DD Object You can access a <dd> element by using getElementById(): Example var x = document.getElementById(“myDD”); Try it Yourself » Create a DD Object You can create a <dd> element by using the document.createElement() method: Example var x = document.createElement(“DD”); Try it Yourself » Standard Properties and […]
Example How to define a time and a date: <p>We open at <time>10:00</time> every morning.</p> <p>I have a date on <time datetime=”2008-02-14 20:00″>Valentines day</time>.</p> Try it Yourself » Definition and Usage The <time> tag defines a human-readable date/time. This element can also be used to encode dates and times in a machine-readable way so that user agents can offer […]
Example A <colgroup> element that specifies that the first column should have a predefined width of 200 pixels: <table> <colgroup width=”200″> <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 column group. Normally, a column group takes […]
