Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
Tables frames
Next
Download to read offline and view in fullscreen.

Share

Web html table tags

Download to read offline

html table tags in web system

Web html table tags

  1. 1. Presentation Topic HTML Tags Subject web system Technologies Presented by kainat ilyas #3 UOS FSD women campus
  2. 2. HTML Table Tags HTML Table Tags are following: <table> <td> <tr> <th> <caption> <thead> <tbody> <tfoot> <col> <colgroup>
  3. 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. 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. 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. 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. 7. <table> input
  8. 8. <table>output
  9. 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. 10. <caption> input
  11. 11. <caption> output
  12. 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. 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. 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. 15. Input
  16. 16. output
  17. 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. 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. 19. input
  20. 20. output
  21. 21. Row span input
  22. 22. Rowspan output
  23. 23. Colspan input
  24. 24. Colspan output
  25. 25. Any Question?
  • AravindM276271

    Sep. 28, 2021
  • LingaLingeshwaran

    Sep. 28, 2021
  • revamore

    Sep. 9, 2021
  • BhargavBobby4

    Jun. 29, 2021
  • Ehric

    Jan. 6, 2020
  • MonishaC10

    Jul. 28, 2019
  • AakankshCharit

    Mar. 30, 2016

html table tags in web system

Views

Total views

6,024

On Slideshare

0

From embeds

0

Number of embeds

5

Actions

Downloads

212

Shares

0

Comments

0

Likes

7

×