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: […]
Example Describe metadata within an HTML document: <head> <meta charset=”UTF-8″> <meta name=”description” content=”Free Web tutorials”> <meta name=”keywords” content=”HTML,CSS,XML,JavaScript”> <meta name=”author” content=”John Doe”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> </head> Try it Yourself » Definition and Usage Metadata is data (information) about data. The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable. Meta elements […]
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 […]
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 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 […]
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 […]
Bdo Object The Bdo object represents an HTML <bdo> element. Access a Bdo Object You can access a <bdo> element by using getElementById(): Example var x = document.getElementById(“myBdo”); Try it Yourself » Create a Bdo Object You can create a <bdo> element by using the document.createElement() method: Example var x = document.createElement(“BDO”); Try it Yourself » Bdo […]
Example An HTML comment: <!–This is a comment. Comments are not displayed in the browser–> <p>This is a paragraph.</p> Try it Yourself » Definition and Usage The comment tag is used to insert comments in the source code. Comments are not displayed in the browsers. You can use comments to explain your code, which can […]
