HTML Table Tags
- 1. Presentation Topic HTML Tags Subject web system Technologies Presented by kainat ilyas #3 UOS FSD women campus
- 2. HTML Table Tags HTML Table Tags are following: <table> <td> <tr> <th> <caption> <thead> <tbody> <tfoot> <col> <colgroup>
- 3. <table> Tag • The <table> tag defines an HTML table. • An HTML table consists of the <table> element • <table> closing tag is </table> An HTML table has two kinds of cells: • Header cells - contains header information (created with the <th> element) • Standard cells - contains data (created with the <td> element)
- 4. <th> Tag • The <th> tag defines a header cell in an HTML table. • Closing tag is </th> • The text in <th> elements are bold and centered by default.
- 5. <td> Tag • The <td> tag defines a standard cell in an HTML table. • The text in <td> elements are regular and left- aligned by default • Closing tag is </td>
- 6. <tr> Tag • The <tr> tag defines a row in an HTML table. • A <tr> element contains one or more <th> or <td> elements. • Closing tag is </th>
- 9. <caption> Tag • The <caption> tag defines a table caption. • The <caption> tag must be inserted immediately after the <table> tag. • we can specify only one caption per table. • By default, a table caption will be center- aligned above a table. • Closing tag is </caption>
- 10. <caption> input
- 11. <caption> output
- 12. <thead> Tag • The <thead> tag is used to group header content in an HTML table. • The <thead> element is used in conjunction with the <tbody> and <tfoot> elements to specify each part of a table (header, body, footer). • The <thead> tag must be used in the following context: As a child of a <table> element, after any <caption>, and <colgroup> elements, and before any <tbody>, <tfoot>, and <tr> elements. • The <thead> element must have one or more <tr> tags inside.
- 13. <tbody> Tag • The <tbody> tag is used to group the body content in an HTML table. • The <tbody> element is used in conjunction with the <thead> and <tfoot> elements to specify each part of a table (body, header, footer). • The <tbody> tag must be used in the following context: As a child of a <table> element, after any <caption>, <colgroup>, and <thead> elements. • The <tbody> element must have one or more <tr> tags inside.
- 14. <tfoot> Tag • The <tfoot> tag is used to group footer content in an HTML table. • The <tfoot> element is used in conjunction with the <thead> and <tbody> elements to specify each part of a table (footer, header, body). • The <tfoot> tag must be used in the following context: As a child of a <table> element, after any <caption>, <colgroup>, and <thead> elements and before any <tbody> and <tr> elements. • The <tfoot> element must have one or more <tr> tags inside.
- 15. Input
- 16. output
- 17. <col> Tag • The <col> tag specifies column properties for each column within a <colgroup> element. • The <col> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row.
- 18. <colgroup> Tag • The <colgroup> tag specifies a group of one or more columns in a table for formatting. • The <colgroup> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row. • The <colgroup> tag must be a child of a <table> element, after any <caption> elements and before any <thead>, <tbody>, <tfoot>, and <tr> elements. • To define different properties to a column within a <colgroup>, use the <col> tag within the <colgroup> tag.
- 19. input
- 20. output
- 21. Row span input
- 22. Rowspan output
- 23. Colspan input
- 24. Colspan output
- 25. Any Question?