Summary

In summary,

  • The purpose of a table is to organize information. Each individual table cell is at the intersection of a specific row and column.
  •  Each table begins with a <table> tag and ends with a </table> tag.
  • Each table row begins with a <tr> tag and ends with a </tr> tag.
  • Each cell (table data) begins with a <td> tag and ends with a </td> tag.
  • Table cells can contain text, graphics, and other HTML elements.
  • The caption tag will serve as a title or explanation for the table and it shows up at the top center of the table.
  • Table heading can be defined using <th> tag. This tag could replace the <td> tag, which is used to represent actual data cell.
  • The HTML <colgroup> tag is used for specifying properties for a group of columns within a table.
  • If you need to apply different properties to a column within a colgroup, you can use the HTML col tag within the colgroup tag.
  • The rowspan and colspan are <td> and <th> attributes. These are used to specify the number of rows or columns a cell could span. The rowspan attribute is for rows and while the colspan attribute is for columns.
  • The CSS property padding is used with the style attribute to set cell padding.
  • The border-spacing property is used to set the distance between the borders of neighboring cells in the Table. This property works only when the border-collapse property is set to no-collapse separate,The border-spacing property is used to set the distance between the borders of neighboring cells in the Table. This property works only when the border-collapse property is set to no-collapse in the style of the <table> tag.
  • To set the background of a table, use the background-color property instead of the bgcolor HTML attribute also in the style of the <table> tag
References

Terry Felke-Morris(2015). Tables. In Terry Felke-Morris (Seventh Edition), Web Development and Design Foundations with HTML5 (373-399). England, Pearson

 Elizabeth Castro, Bruce Hyslop (2012). Tables. In Elizabeth Castro and Bruce Hyslop (7th Edition), HTML5 and CSS3 Visual Quick Start Guide (489-494). US, Peachpit Press

 Jennifer Niederst Robbins (2012). Table Markup. In Jennifer Niederst Robbins (4th Edition), Learning Web Design A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics (133-146).Canada, O’Reilly Media, Inc.

 HTML-Tables. (n.d.). Retrieve from https://www.tutorialspoint.com/html/html_tables.htm

 HTML-Columns (n.d.). Retrieve from https://www.bitdegree.org/learn/html-columns

 Michael Pilgaard Tables in HTML (n.d.). Retrieve from https://html-shark.com/HTML/Table.htm

Terry Felke-Morris(2015). Tables. In Terry Felke-Morris (Seventh Edition), Web Development and Design  Foundations with HTML5 (373-399). England, Pearson

Chuck Musciano (2002, January 01) Spanning Columns and Rows with HTML Tables. Retrieve from https://www.drdobbs.com/spanning-columns-and-rows-with-html-tabl/184411894

 HTML-Tables (n.d.). Retrieve from https://www.tutorialspoint.com/html/html_tables.htm

 


You have completed 0% of the lesson
0%