Your SlideShare is downloading. ×

Table tag reference

570

Published on

A description of Table Tag in HTML.Also containing cross platform compatibility details. A full coverage of Table Tag is given.

A description of Table Tag in HTML.Also containing cross platform compatibility details. A full coverage of Table Tag is given.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
570
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Prepared By Gusani Mayank
  • 2. HTML 4.01 Table Tag Reference
  • 3. HTML <table> Tag
    • The <table> tag defines an HTML table.
    • A simple HTML table consists of the table element and one or more tr, th, and td elements.
    • The tr element defines a table row, the th element defines a table header, and the td element defines a table cell.
    • A more complex HTML table may also include caption, col, colgroup, thead, tfoot, and tbody elements.
  • 4. Optional Attributes
  • 5. Standard Attributes
  • 6. HTML <caption> Tag
    • The <caption> tag defines a table caption.
    • The <caption> tag must be inserted immediately after the <table> tag. You can specify only one caption per table. Usually the caption will be centered above the table.
  • 7. Optional & Standard Attributes
  • 8. HTML <th> Tag
    • The <th> tag defines a header cell in an HTML 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)
    • The text in a th element is bold and centered.
    • The text in a td element is regular and left-aligned.
  • 9. Optional Attributes
  • 10. Standard Attributes
  • 11. HTML <tr> Tag
    • The <tr> tag defines a row in an HTML table.
    • A tr element contains one or more th or td elements.
  • 12. Standard Attributes
  • 13. HTML <td> Tag
    • The <td> tag defines a standard cell in an HTML 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)
    • The text in a th element is bold and centered.
    • The text in a td element is regular and left-aligned.
  • 14. Optional Attributes
  • 15. Standard Attributes
  • 16. HTML <thead> Tag
    • The <thead> tag is used to group the header content in an HTML table.
    • The thead element should be used in conjunction with the tbody and tfoot elements.
    • The tbody element is used to group the body content in an HTML table and the tfoot element is used to group the footer content in an HTML table.
    • <tfoot> must appear before <tbody> within a table, so that a browser can render the foot before receiving all the rows of data.
    • Notice that these elements will not affect the layout of the table by default. However, you can use CSS to let these elements affect the table's layout.
  • 17. Optional Attributes
  • 18. Standard Attributes
  • 19. HTML <tbody> Tag
    • The <tbody> tag is used to group the body content in an HTML table.
    • The tbody element should be used in conjunction with the thead and tfoot elements.
    • The thead element is used to group the header content in an HTML table and the tfoot element is used to group the footer content in an HTML table.
    • <tfoot> must appear before <tbody> within a table, so that a browser can render the foot before receiving all the rows of data.
    • Notice that these elements will not affect the layout of the table by default. However, you can use CSS to let these elements affect the table's layout.
  • 20. Optional Attributes
  • 21. Standard Attributes
  • 22. HTML <tfoot> Tag
    • The <tfoot> tag is used to group the footer content in an HTML table.
    • The tfoot element should be used in conjunction with the thead and tbody elements.
    • The thead element is used to group the header content in an HTML table and the tbody element is used to group the body content in an HTML table.
    • <tfoot> must appear before <tbody> within a table, so that a browser can render the foot before receiving all the rows of data.
    • Notice that these elements will not affect the layout of the table by default. However, you can use CSS to let these elements affect the table's layout.
  • 23. Optional Attributes
  • 24. Standard Attributes
  • 25. HTML <col> Tag
    • The <col> tag defines attribute values for one or more columns in a table.
    • The <col> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row.
    • The <col> tag can only be used inside a table or a colgroup element.
    • Add the style attribute to the <col> tag, and let CSS take care of backgrounds, width and borders. These are the ONLY CSS properties that work with the <col> tag.
  • 26. Optional Attributes
  • 27. Standard Attributes
  • 28. HTML <colgroup> Tag
    • The <colgroup> tag is used to group 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 can only be used inside a table element.
    • Add the style attribute to the <colgroup> tag, and let CSS take care of backgrounds, width and borders. These are the ONLY CSS properties that work with the <colgroup> tag.
  • 29. Optional Attributes
  • 30. Standard Attributes
  • 31. End Of HTML Tour

×