Your SlideShare is downloading. ×
0
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Table tag reference
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Table tag reference

577

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
577
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 <ul><li>The <table> tag defines an HTML table. </li></ul><ul><li>A simple HTML table consists of the table element and one or more tr, th, and td elements. </li></ul><ul><li>The tr element defines a table row, the th element defines a table header, and the td element defines a table cell. </li></ul><ul><li>A more complex HTML table may also include caption, col, colgroup, thead, tfoot, and tbody elements. </li></ul>
  • 4. Optional Attributes
  • 5. Standard Attributes
  • 6. HTML <caption> Tag <ul><li>The <caption> tag defines a table caption. </li></ul><ul><li>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. </li></ul>
  • 7. Optional & Standard Attributes
  • 8. HTML <th> Tag <ul><li>The <th> tag defines a header cell in an HTML table. </li></ul><ul><li>An HTML table has two kinds of cells: </li></ul><ul><li>Header cells - contains header information (created with the th element) </li></ul><ul><li>Standard cells - contains data (created with the td element) </li></ul><ul><li>The text in a th element is bold and centered. </li></ul><ul><li>The text in a td element is regular and left-aligned. </li></ul>
  • 9. Optional Attributes
  • 10. Standard Attributes
  • 11. HTML <tr> Tag <ul><li>The <tr> tag defines a row in an HTML table. </li></ul><ul><li>A tr element contains one or more th or td elements. </li></ul>
  • 12. Standard Attributes
  • 13. HTML <td> Tag <ul><li>The <td> tag defines a standard cell in an HTML table. </li></ul><ul><li>An HTML table has two kinds of cells: </li></ul><ul><li>Header cells - contains header information (created with the th element) </li></ul><ul><li>Standard cells - contains data (created with the td element) </li></ul><ul><li>The text in a th element is bold and centered. </li></ul><ul><li>The text in a td element is regular and left-aligned. </li></ul>
  • 14. Optional Attributes
  • 15. Standard Attributes
  • 16. HTML <thead> Tag <ul><li>The <thead> tag is used to group the header content in an HTML table. </li></ul><ul><li>The thead element should be used in conjunction with the tbody and tfoot elements. </li></ul><ul><li>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. </li></ul><ul><li><tfoot> must appear before <tbody> within a table, so that a browser can render the foot before receiving all the rows of data. </li></ul><ul><li>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. </li></ul>
  • 17. Optional Attributes
  • 18. Standard Attributes
  • 19. HTML <tbody> Tag <ul><li>The <tbody> tag is used to group the body content in an HTML table. </li></ul><ul><li>The tbody element should be used in conjunction with the thead and tfoot elements. </li></ul><ul><li>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. </li></ul><ul><li><tfoot> must appear before <tbody> within a table, so that a browser can render the foot before receiving all the rows of data. </li></ul><ul><li>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. </li></ul>
  • 20. Optional Attributes
  • 21. Standard Attributes
  • 22. HTML <tfoot> Tag <ul><li>The <tfoot> tag is used to group the footer content in an HTML table. </li></ul><ul><li>The tfoot element should be used in conjunction with the thead and tbody elements. </li></ul><ul><li>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. </li></ul><ul><li><tfoot> must appear before <tbody> within a table, so that a browser can render the foot before receiving all the rows of data. </li></ul><ul><li>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. </li></ul>
  • 23. Optional Attributes
  • 24. Standard Attributes
  • 25. HTML <col> Tag <ul><li>The <col> tag defines attribute values for one or more columns in a table. </li></ul><ul><li>The <col> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row. </li></ul><ul><li>The <col> tag can only be used inside a table or a colgroup element. </li></ul><ul><li>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. </li></ul>
  • 26. Optional Attributes
  • 27. Standard Attributes
  • 28. HTML <colgroup> Tag <ul><li>The <colgroup> tag is used to group columns in a table for formatting. </li></ul><ul><li>The <colgroup> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row. </li></ul><ul><li>The <colgroup> tag can only be used inside a table element. </li></ul><ul><li>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. </li></ul>
  • 29. Optional Attributes
  • 30. Standard Attributes
  • 31. End Of HTML Tour

×