Question 1199948: how to render tables by algebra.com? Tutorial.
Answer by math_tutor2020(3817)   (Show Source):
You can put this solution on YOUR website!
Algebra.com uses html table formatting.
See this tutorial for more information:
https://www.w3schools.com/html/html_tables.asp
If you wish to use software to automatically generate a table, then this is one good option:
https://www.tablesgenerator.com/html_tables
Be sure to turn on the "Do not generate CSS" checkbox. There isn't a way to use CSS through algebra.com
That second link, while useful, doesn't provide an automatic way to draw in separator lines. You'll have to edit the code manually if you want them.
Add in bit of code border=1 to the first "table" tag to have it draw in cell borders, aka divider lines.
In other words, the first tag of
<table>
will be updated to
<table border=1>
so the borders are drawn in
Another useful trick is to give each cell buffer room or padding.
Use the aptly named cellpadding tag.
I tend to use a padding of 5
This updates
<table border=1>
into
<table border=1 cellpadding=5>
---------------------------------------------------------
Example:
This table
is generated by this html code
<table border=1 cellpadding=5><tr><td>100</td><td>200</td><td>300</td></tr><tr><td>400</td><td>500</td><td>600</td></tr></table>
Often it helps to break the code into separate lines like so
<table border=1 cellpadding=5>
<tr><td>100</td><td>200</td><td>300</td></tr>
<tr><td>400</td><td>500</td><td>600</td></tr>
</table>
Each <tr> tag gets its own line.
This is what the table looks like without the cellpadding command.
Things look a bit crammed in my opinion.
---------------------------------------------------------
Another Example:
Table
Code
<table border=1 cellpadding=5>
<tr><td>100</td><td>200</td></tr>
<tr><td>300</td><td>400</td></tr>
<tr><td>500</td><td>600</td></tr>
</table>
Have a try at other examples. Let me know if you have any questions.
|
|
|
