KEMBAR78
Web html table tags | PPTX
Presentation
Topic
HTML Tags
Subject
web system Technologies
Presented by
kainat ilyas #3
UOS FSD women campus
HTML Table Tags
HTML Table Tags are following:
<table>
<td>
<tr>
<th>
<caption>
<thead>
<tbody>
<tfoot>
<col>
<colgroup>
<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)
<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.
<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>
<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>
<table> input
<table>output
<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>
<caption> input
<caption> output
<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.
<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.
<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.
Input
output
<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.
<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.
input
output
Row span input
Rowspan output
Colspan input
Colspan output
Any Question?

Web html table tags

  • 1.
    Presentation Topic HTML Tags Subject web systemTechnologies Presented by kainat ilyas #3 UOS FSD women campus
  • 2.
    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>
  • 7.
  • 8.
  • 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.
  • 11.
  • 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.
  • 16.
  • 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.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.