Today lean is HTML table design

Used tag of table design

a. <table> this is a table primary tag

b. <tr> it is a table row tag

c.<td> this is a table data tag

Table:1

  1. <html>
  2. <head>
  3. <title>Table</title>
  4. </head>
  5. <body>
  6. <TABLE>
  7.        <TR>
  8.    <TD>Astronomy</TD>
  9. </TR>
  10. </TABLE>
  11. </body>
  12. </html>
HTML table
HTML table

Table:2

  1. <html>
  2. <head>
  3. <title>Table</title>
  4. </head>
  5. <body>
  6. <TABLE>
  7.             <TABLE BORDER=1 >
  8.               <TR>
  9.                           <TD>BKSIT</TD>
  10.               </TR>
  11. </TABLE>
  12. </body>
  13. </html>
HTML table
HTML table

Table:3

  1. <html>
  2. <head>
  3. <title>Table</title>
  4. </head>
  5. <BODY>
  6. <TABLE>
  7. <TABLE BORDER=”1″  WIDTH=”432″>
  8. <TR>
  9.      <TD width=”221″>BKS IT</TD>
  10. </TR>
  11. </TABLE>
  12. <TABLE BORDER=”1″ WIDTH=”50%”>
  13. <TR>
  14.      <TD>BKS IT</TD>
  15. </TR>
  16. </TABLE>
  17. </BODY>
  18. </html>
HTML table
HTML table

Table:4

  1. <html>
  2. <head>
  3. <title>Table</title>
  4. </head>
  5. <BODY>
  6. <TABLE BORDER WIDTH=”100%” >
  7. <CAPTION>
  8. <strong>BKS IT</strong>
  9. </CAPTION>
  10. <TR>
  11. <TH>S.L.</TH>
  12. <TH>January</TH>
  13. <TH>Febury </TH>
  14. </TR>
  15. <TR>
  16. <TD> <DIV ALIGN=”CENTER”>1st</DIV></TD>
  17. <TD><DIV ALIGN=”CENTER”>45</DIV></TD>
  18. <TD><DIV ALIGN=”CENTER”>68</DIV></TD>
  19. </TR>
  20. <TR>
  21. <TD><DIV ALIGN=”CENTER”>2nd</DIV></TD>
  22. <TD><DIV ALIGN=”CENTER”>56</DIV></TD>
  23. <TD><DIV ALIGN=”CENTER”>98</DIV></TD>
  24. </TR>
  25. <TR>
  26. <TD><DIV ALIGN=”CENTER”>3rd</DIV></TD>
  27. <TD><DIV ALIGN=”CENTER”>76</DIV></TD>
  28. <TD><DIV ALIGN=”CENTER”>354</DIV></TD>
  29. </TR>
  30. </TABLE>
  31. </BODY>
  32. </html>
HTML table
HTML table

Leave a Reply

Your email address will not be published. Required fields are marked *