Tutorial by Examples

<table> <tr> <th>Heading 1/Column 1</th> <th>Heading 2/Column 2</th> </tr> <tr> <td>Row 1 Data Column 1</td> <td>Row 1 Data Column 2</td> </tr> <tr> <td>Row 2 Data Column...

Table cells can span multiple columns or rows using the colspan and rowspan attributes. These attributes can be applied to <th> and <td> elements. <table> <tr> <td>row 1 col 1</td> <td>row 1 col 2</td> <td>row 1 c...

HTML also provides the tables with the <thead>, <tbody>, <tfoot>, and <caption> elements. These additional elements are useful for adding semantic value to your tables and for providing a place for separate CSS styling. When printing out a table that doesn't fit onto one (pa...

Sometimes you may want to apply styling to a column or group of columns. Or for semantic purposes, you may want to group columns together. To do this, use <colgroup> and <col> elements. The optional <colgroup> tag allows you to group columns together. <colgroup> elements ...

th elements are very commonly used to indicate headings for table rows and columns, like so: <table> <thead> <tr> <td></td> <th>Column Heading 1</th> <th>Column Heading 2</th> </tr...