This document summarizes various HTML table tags. It describes tags such as <table>, <th>, <td>, <tr>, <caption>, <thead>, <tbody>, <tfoot>, <col>, and <colgroup> that are used to define the structure and layout of an HTML table. It provides details on how each tag is used, including their purpose, allowed contexts, and default styling. Examples are given to demonstrate how various tags can be combined to create an HTML table with headers, body, footer, row spans, and column spans.
HTML Table Tags
HTMLTable 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>
<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>
<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.
<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.