{"id":2818,"date":"2019-06-09T21:32:01","date_gmt":"2019-06-09T21:32:01","guid":{"rendered":"http:\/\/softlect.in\/?p=2818"},"modified":"2020-04-09T12:06:15","modified_gmt":"2020-04-09T12:06:15","slug":"html-table-tags","status":"publish","type":"post","link":"http:\/\/softlect.com\/index.php\/html-table-tags\/","title":{"rendered":"HTML Table Tags"},"content":{"rendered":"\n
\n

Tags for Tables<\/h2>\n\n\n\n

Tables can be created in HTML using <table><\/strong> tag. In HTML table is a section of information broken into columns and rows of blocks called cells. The table <table> tag is the container for other table-related tags to create a table. The <table> tag itself will not create a table, it’s only a container. After defining a table, rows must be created and content or data for each cell must be assigned. The tags used for creating rows and cell data are illustrated below:<\/p>\n\n\n\n

<tr><\/strong> – tags is used to create table row
<td><\/strong> – tag is used for table data and holds the actual content for the cells
<th><\/strong> – tag is used as table header containing header information<\/p>\n\n\n\n

The table cells can contain text content as well as images. The table <table> tag has an attribute border, through which table border can be defined. For example, let us consider the following table to be created in HTML:<\/p>\n\n\n\n

\"Table\"<\/a><\/figure><\/div>\n\n\n\n

The HTML code given below demonstrates the creating of the above table. In line 7, <table> tag contains “border” attribute with value as “1”, which signifies that the table cells will have the border with width as “1”.<\/p>\n\n\n\n

<html>\n  <head>\n    <title>Table Tag<\/title>\n  <\/head>\n  <body>\n    <p>This is the demonstration of displaying Tables<\/p>\n    <table border=\"1\">\n      <tr>\n        <td>S.No<\/td>\n        <td>Name<\/td>\n        <td>Amount<\/td>\n      <\/tr>\n      <tr>\n        <td>101<\/td>\n        <td>aaa<\/td>\n        <td>12,256<\/td>\n      <\/tr>\n      <tr>\n        <td>102<\/td>\n        <td>bbb<\/td>\n        <td>8,256<\/td>\n      <\/tr>\n      <tr>\n        <td>103<\/td>\n        <td>ccc<\/td>\n        <td>24,525<\/td>\n      <\/tr>\n    <\/table>\n  <\/body>\n<\/html><\/pre>\n\n\n\n
<\/div><\/div>\n\n\n\n
The output of the above HTML code is shown below:<\/p>\n\n\n\n
\"\"<\/a><\/figure><\/div>\n\n\n\n
The video below demonstrates the complete working of HTML table tags<\/strong><\/p>\n\n\n\n