Example A paragraph is marked up as follows: <p>This is some text in a paragraph.</p> Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The <p> tag defines a paragraph. Browsers automatically add some space (margin) before and after each <p> element. The margins can be modified with CSS (with the […]
HTML <output> for Attribute Perform a calculation and show the result in an <output> element: <form oninput=”x.value=parseInt(a.value)+parseInt(b.value)”>0 <input type=”range” id=”a” value=”50″>100 +<input type=”number” id=”b” value=”50″> =<output name=”x” for=”a b”></output> </form> Try it Yourself » Definition and Usage The for attribute specifies the relationship between the result of the calculation, and the elements used in the calculation. HTML <output> form Attribute An <output> element located outside a form (but […]
Example Perform a calculation and show the result in an <output> element: <form oninput=”x.value=parseInt(a.value)+parseInt(b.value)”>0 <input type=”range” id=”a” value=”50″>100 +<input type=”number” id=”b” value=”50″> =<output name=”x” for=”a b”></output> </form> Try it Yourself » Definition and Usage The <output> tag represents the result of a calculation (like one performed by a script). Browser Support The numbers in the table specify the first browser version that fully supports […]
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 […]
Summary Object The Summary Object is new in HTML5. The Summary object represents an HTML <summary> element. Note: The <summary> element is currently only supported in Chrome, Safari 6+ and Opera 15+. Access a Summary Object You can access a <summary> element by using getElementById(): Example var x = document.getElementById(“mySummary”); Try it Yourself » Create a Summary […]
Superscript Object The Superscript object represents an HTML <sup> element. Access a Superscript Object You can access a <sup> element by using getElementById(): Example var x = document.getElementById(“mySup”); Try it Yourself » Create a Superscript Object You can create a <sup> element by using the document.createElement() method: Example var x = document.createElement(“SUP”); Try it Yourself » Standard […]
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.
Example Superscript text: <p>This text contains <sup>superscript</sup> text.</p> Try it Yourself » Definition and Usage The <sup> tag defines superscript text. Superscript text appears half a character above the normal line, and is sometimes rendered in a smaller font. Superscript text can be used for footnotes, like WWW[1]. Tip: Use the <sub> tag to define subscript text. Browser Support Element […]
Table Object The Table object represents an HTML <table> element. Access a Table Object You can access a <table> element by using getElementById(): Example var x = document.getElementById(“myTable”); Try it Yourself » Create a Table Object You can create a <table> element by using the document.createElement() method: Example var x = document.createElement(“TABLE”); Try it Yourself » Table […]
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 […]
Ol Object The Ol object represents an HTML <ol> element. Access an Ol Object You can access an <ol> element by using getElementById(): Example var x = document.getElementById(“myOl”); Try it Yourself » Create an Ol Object You can create an <ol> element by using the document.createElement() method: Example var x = document.createElement(“OL”); Try it Yourself » Ol […]
Object Object The Object object represents an HTML <object> element. Access an Object Object You can access an <object> element by using getElementById(): Example var x = document.getElementById(“myObject”); Try it Yourself » Create an Object Object You can create an <object> element by using the document.createElement() method: Example var x = document.createElement(“OBJECT”); Try it Yourself » 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 […]
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> 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 […]
Attribute Value Description abbr text Not supported in HTML5. Specifies an abbreviated version of the content in a cell align left right center justify char Not supported in HTML5. Aligns the content in a cell axis category_name Not supported in HTML5. Categorizes cells bgcolor rgb(x,x,x) #xxxxxx colorname Not supported in HTML5. Specifies the background color […]
Textarea Object The Textarea object represents an HTML <textarea> element. Access a Textarea Object You can access a <textarea> element by using getElementById(): Example var x = document.getElementById(“myTextarea”); Try it Yourself » Tip: You can also access a <textarea> element by searching through the elements collection of a form. Create a Textarea Object You can create a <textarea> element […]
Example Downloading in progress: <progress value=”22″ max=”100″></progress> Try it Yourself » Definition and Usage The <progress> tag represents the progress of a task. Browser Support The numbers in the table specify the first browser version that fully supports the element. Element <progress> 8.0 10.0 16.0 6.0 11.0 Differences Between HTML 4.01 and HTML5 The <progress> tag is […]
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: […]
Mark Object The Mark Object is new in HTML5. The Mark object represents an HTML <mark> element. Note: The <mark> element is not supported in Internet Explorer 8 and earlier versions. Access a Mark Object You can access a <mark> element by using getElementById(): Example var x = document.getElementById(“myMark”); Try it Yourself » Create a Mark Object […]
