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 […]
Example Draw a circle: <svg width=”100″ height=”100″> <circle cx=”50″ cy=”50″ r=”40″ stroke=”green” stroke-width=”4″ fill=”yellow” /> </svg> Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The <svg> tag defines a container for SVG graphics. SVG has several methods for drawing paths, boxes, circles, text, and graphic images. To learn more about SVG, please read our SVG Tutorial. Browser Support Element <svg> […]
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 […]
HTML <optgroup> disabled Attribute A disabled option-group: <select> <optgroup label=”German Cars” disabled> <option value=”mercedes”>Mercedes</option> <option value=”audi”>Audi</option> </optgroup> </select> Try it Yourself » Definition and Usage The disabled attribute is a boolean attribute. When present, it specifies that an option-group should be disabled. A disabled option-group is unusable and un-clickable. The disabled attribute can be set to keep a user from selecting […]
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 […]
HTML <ol> compact Attribute Use of the compact attribute in an ordered HTML list: <ol compact> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> Try it Yourself » Definition and Usage The compact attribute is a boolean attribute. When present, it specifies that the list should render smaller than normal, by reducing the space between lines and the indentation of the list. […]
The purpose of a plug-in is to extend the functionality of a web browser. HTML Helpers (Plug-ins) Helper applications (plug-ins) are computer programs that extend the standard functionality of a web browser. Examples of well-known plug-ins are Java applets. Plug-ins can be added to web pages with the <object> tag or the <embed> tag. Plug-ins can be used for […]
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. […]
Example Set the “autoplay” parameter to “true”, so the sound will start playing as soon as the page loads: <object data=”horse.wav”> <param name=”autoplay” value=”true”> </object> Try it Yourself » Definition and Usage The <param> tag is used to define parameters for plugins embedded with an <object> element. Tip: HTML 5 also includes two new elements for playing audio or video: The <audio> and <video> tags. […]
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. […]
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 […]
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 […]
Example The template element holds HTML code without displaying it: <template> <h2>Flower</h2> <img src=”img_white_flower.jpg”> </template> Try it Yourself » Definition and Usage The <template> tag holds its content hidden from the client. Content inside a <template> tag will not be rendered. The content can be visible and rendered later by using JavaScript. Use the <template> tag […]
HTML <textarea> autofocus Attribute A text area with autofocus: <textarea autofocus> At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies. </textarea> Try it Yourself » Definition and Usage The autofocus attribute is a boolean attribute. When present, it specifies that the text area should automatically get focus when […]
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 Use the meter element to measure data within a given range (a gauge): <meter value=”2″ min=”0″ max=”10″>2 out of 10</meter><br> <meter value=”0.6″>60%</meter> Try it Yourself » 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 […]
HTML <meter> form Attribute Example A <meter> element located outside a form (but still a part of the form): <form action=”/action_page.php” method=”get” id=”form1″> First name: <input type=”text” name=”fname”><br> <input type=”submit” value=”Submit”> </form><meter form=”form1″ name=”x1″ min=”0″ low=”40″ high=”90″ max=”100″ value=”95″></meter> Try it Yourself » Definition and Usage The form attribute specifies one or more forms the <meter> element belongs to. HTML <meter> high Attribute Example A gauge with a current value and min, max, high, […]
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: […]
