Draw a table using HTML only

Asked By 7060 points N/A Posted on -
qa-featured

I want to draw a table using HTML only that contains 100 columns and 30000 rows, I don't want to draw them manually using and , I am seeking something that can do it like or something like that. No use of JavaScript or any other language.

Thanks for a quick answer

SHARE
Best Answer by gprecious
Answered By 20 points N/A #81926

Draw a table using HTML only

qa-featured

Hi friend,

You can draw a table using only HTML code easily. This is not so difficult. You can set number of rows and columns as you wish. Here is an example of your table.

<html>

<head>

<title> </title>

</head>

<body>

<table>

<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>

……………………………..

</table>

</body>

</html>

Tr means row and td means column. In this way you can add rows and columns as many as you can. You can make a table using only HTML code that contains 100 columns and 30000 rows.

Best Answer
Best Answer
Answered By 0 points N/A #81927

Draw a table using HTML only

qa-featured

In addition to the basic parts of a webpage, you may add a table using the following tags or codes:

<table> represents the insertion of a table to a webpage.
<tr> represents the insertion of a row to the "current" table.
<td> represents the insertion of a cell within the "current" row.
</td> represents the "end" of that cell.
</tr> represents the "end" of that row.
</table> represents the "end" of that table.

1. To add a table, type in <table>.  This indicates that the next few codes would be related to that table.   As an option, you may add a border on your table by encoding <table border="1"> instead of <table>.  The value "1"  represents the size of your border.  You may adjust it accordingly.
2. Add your first row by typing in <tr>.  The next few codes would be related to that certain row.
3. Add a cell to your first row by encoding <td>. 
4. You may insert the contents of the cell after the <td> code. 
5. Once you're done encoding the contents of that cell, insert the </td> code. 
6. You may now insert another cell to your first row.  To do so, please repeat steps 3 to 5 until you have reached the desired number of cells, which in your case is 100.
7.  Once you're done with the first row, insert the </tr> code.
8.  You may now insert another row to your table.  To do so, just repeat steps 2 to 7 until you have the desired number of rows, which in your case is 30,000.  Please note that the first cell in your second row would be aligned with the first cell in your first row, the second cell on the second row with the second cell of the first row and so on.
9.  Once your done with your table, insert the </table> tag.  You now have your desired table.

Here is an example:

<table border="1">
<tr>
<td>Green</td>
<td>Red</td>
<td>Yellow</td
</tr>
<tr>
<td>Leaf</td>
<td>Tomato</td>
<td>Corn</td>
</tr>
</table>

The tags above would yield the following object when viewed in a browser:

I hope I answered your question.

Related Questions