Example Vertical align the content inside <th> elements: <table> <tr> <th valign=”bottom”>Month</th> <th valign=”bottom”>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> Try it Yourself » Definition and Usage The valign attribute specifies the vertical alignment of the content in a header cell. Browser Support Attribute valign Yes Yes Yes Yes Yes Compatibility Notes The valign attribute of <th> […]
Example Header cells with a predefined width: <table> <tr> <th width=”70%”>Month</th> <th width=”30%”>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 table header cell. Normally, a cell takes up the space it needs to display the content. The width attribute […]
Example An HTML table with a header cell that spans three rows: <table> <tr> <th>Month</th> <th>Savings</th> <th rowspan=”3″>Savings for holiday!</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </table> Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The rowspan attribute defines the number of rows a header cell should span. […]
Example A header cell with a nowrap attribute: <table> <tr> <th>Month</th> <th nowrap>My Savings for a new car</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 nowrap attribute is a boolean attribute. When present, it specifies that the content inside a header cell should not wrap. […]
Example Two header cells with a predefined height: <table> <tr> <th height=”100″>Month</th> <th height=”100″>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 height attribute specifies the height of a header cell. If no height attribute is set, a header cell takes up the space it needs to […]
Example Specify the <th> element each header cell is related to: <table> <tr> <th id=”name” colspan=”2″>Name</th> </tr> <tr> <th headers=”name”>Firsname</th> <th headers=”name”>Lastname</th> </tr> </table> Try it Yourself » Definition and Usage The headers attribute specifies one or more header cells a header cell is related to. Browser Support Attribute headers Yes Yes Yes Yes Yes The headers attribute has […]
Example An HTML table with a header cell that spans two columns: <table> <tr> <th colspan=”2″>Monthly 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 colspan attribute defines the number of columns a header cell should span. Browser Support Attribute colspan Yes Yes Yes Yes Yes […]
Example Align the content of the first header cell to the “M” character: <table> <tr> <th align=”char” char=”M”>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> char attribute is not supported in HTML5. The char attribute specifies the alignment of the content in a header […]
Example Add a background color to header cells: <table> <tr> <th bgcolor=”#FF0000″>Month</th> <th bgcolor=”#00FF00″>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> Try it Yourself » Definition and Usage The bgcolor attribute specifies the background color of a header cell. Browser Support Attribute bgcolor Yes Yes Yes Yes Yes Compatibility Notes The bgcolor attribute of <th> is not supported […]
Example An HTML table with categorized header cells: <table> <tr> <th axis=”name”>Name</td> <th axis=”contact”>Email</td> <th axis=”contact”>Phone</td> <th axis=”contact”>Address</td> </tr> <tr> <td>John Doe</td> <td>someone@example.com</td> <td>+45342323</td> <td>Rosevn 56,4300 Sandnes,Norway</td> </tr> </table> Try it Yourself » Definition and Usage The <th> axis attribute is not supported in HTML5. The axis attribute is used to categorize header cells. The axis attribute can be […]
Example Use of the abbr attribute in an HTML table: <table> <tr> <th abbr=”Make”>Toy manufacturer</th> <th abbr=”Model”>Vehicle model</th> </tr> <tr> <td>Bruder Toys</td> <td>Cross Country Vehicle</td> </tr> <tr> <td>Bruder Toys</td> <td>DHL Lorry</td> </tr> </table> Try it Yourself » Definition and Usage The abbr attribute specifies a shorter version of the content in a header cell. Browser Support Attribute […]
Example Vertical align the content inside the <thead> element to the bottom: <table> <thead valign=”bottom”> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </table> Try it Yourself » Definition and Usage The <thead> valign attribute is not supported in HTML5. Use CSS instead. The valign attribute specifies the vertical alignment of […]
Example Align the content inside the <thead> two characters to the right from the “M” character: <table> <thead align=”char” char=”M” charoff=”2″> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </table> Try it Yourself » Definition and Usage The <thead> charoff attribute is not supported in HTML5. The charoff attribute sets the number of […]
Example An HTML table with a <thead>, <tbody>, and a <tfoot> element: <table> <thead> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tbody> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </tbody> <tfoot> <tr> <td>Sum</td> <td>$180</td> </tr> </tfoot> </table> Try it Yourself » Definition and Usage The <tfoot> tag is used to group footer content in an HTML […]
Example Define a title for your HTML document: <!DOCTYPE html> <html><head> <title>HTML Reference</title> </head> <body> The content of the document…… </body> </html> Try it Yourself » Definition and Usage The <title> tag is required in all HTML documents and it defines the title of the document. The <title> element: defines a title in the browser toolbar […]
Example A simple HTML table, with two table cells: <table> <tr> <td>Cell A</td> <td>Cell B</td> </tr> </table> Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The <td> tag defines a standard cell in an HTML table. An HTML table has two kinds of cells: Header cells – contains header information […]
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: […]
Audio on the Web Before HTML5, audio files could only be played in a browser with a plug-in (like flash). The HTML5 <audio> element specifies a standard way to embed audio in a web page. Browser Support The numbers in the table specify the first browser version that fully supports the <audio> element. Element <audio> 4.0 9.0 3.5 4.0 […]
Your browser does not support HTML5 video. Try it Yourself » Playing Videos in HTML Before HTML5, a video could only be played in a browser with a plug-in (like flash). The HTML5 <video> element specifies a standard way to embed a video in a web page. Browser Support The numbers in the table specify the first […]
Example 2 different ordered lists: <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol><ol start=”50″> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> Try it Yourself » Definition and Usage The <ol> tag defines an ordered list. An ordered list can be numerical or alphabetical. Use the <li> tag to define list items. Browser Support Element <ol> Yes Yes Yes Yes Yes Tips and Notes Tip: For […]
