document.write( "<A HREF=/cgi-bin/jump-to-question.mpl?question=1199948>Question 1199948</A>: <I><SPAN STYLE=\"word-break: break-all;\"> how to render tables by algebra.com? Tutorial. </SPAN>\n" );
document.write( "</I><HR><TABLE width=100%><TR><TD><B><A HREF=http://www.algebra.com/>Algebra.Com's</A> Answer #833933 by </B><A HREF=/tutors/aboutme.mpl?userid=math_tutor2020><B>math_tutor2020(3817)</B></A><img src=\"/images/stars/stars-13.gif\" alt=\"\" >&nbsp;<A HREF=/tutors/aboutme.mpl?userid=math_tutor2020><IMG SRC=http://www.algebra.com/images/aboutme-small.gif BORDER=0 alt=\"About Me\" VALIGN=MIDDLE></A>&nbsp;<IMG SRC=http://www.algebra.com/images/nopicture.jpg><BR>You can <A HREF=\"/cgi-bin/embed-solution.mpl?show=1&solution=833933\">put this solution on YOUR website!</A><BR><SPAN STYLE=\"word-break: break-all;\"> <font color=black size=3><BR>\n" );
document.write( "Algebra.com uses html table formatting.\r<BR>\n" );
document.write( "<BR>\n" );
document.write( "\n" );
document.write( "See this tutorial for more information:<BR>\n" );
document.write( "<a  rel=nofollow HREF= \"https://www.w3schools.com/html/html_tables.asp\">https://www.w3schools.com/html/html_tables.asp</a>\r<BR>\n" );
document.write( "<BR>\n" );
document.write( "\n" );
document.write( "If you wish to use software to automatically generate a table, then this is one good option:<BR>\n" );
document.write( "<a  rel=nofollow HREF= \"https://www.tablesgenerator.com/html_tables\">https://www.tablesgenerator.com/html_tables</a><BR>\n" );
document.write( "Be sure to turn on the \"Do not generate CSS\" checkbox. There isn't a way to use CSS through algebra.com\r<BR>\n" );
document.write( "<BR>\n" );
document.write( "\n" );
document.write( "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.<BR>\n" );
document.write( "Add in bit of code <font color=blue>border=1</font> to the first \"table\" tag to have it draw in cell borders, aka divider lines.\r<BR>\n" );
document.write( "<BR>\n" );
document.write( "\n" );
document.write( "In other words, the first tag of <BR>\n" );
document.write( "&lt;table&gt;<BR>\n" );
document.write( "will be updated to<BR>\n" );
document.write( "&lt;table <font color=blue>border=1</font>&gt;<BR>\n" );
document.write( "so the borders are drawn in\r<BR>\n" );
document.write( "<BR>\n" );
document.write( "\n" );
document.write( "Another useful trick is to give each cell buffer room or padding.<BR>\n" );
document.write( "Use the aptly named <font color=red>cellpadding</font> tag.<BR>\n" );
document.write( "I tend to use a padding of 5\r<BR>\n" );
document.write( "<BR>\n" );
document.write( "\n" );
document.write( "This updates <BR>\n" );
document.write( "&lt;table <font color=blue>border=1</font>&gt;<BR>\n" );
document.write( "into<BR>\n" );
document.write( "&lt;table <font color=blue>border=1</font> <font color=red>cellpadding=5</font>&gt;\r<BR>\n" );
document.write( "<BR>\n" );
document.write( "\n" );
document.write( "---------------------------------------------------------\r<BR>\n" );
document.write( "<BR>\n" );
document.write( "\n" );
document.write( "Example:\r<BR>\n" );
document.write( "<BR>\n" );
document.write( "\n" );
document.write( "This table<BR>\n" );
document.write( "<TABLE  border=1 cellpadding=5>\n" );
document.write( "<tr><TD >100</TD><TD >200</TD><TD >300</TD></tr><tr><TD >400</TD><TD >500</TD><TD >600</TD></tr>\n" );
document.write( "</TABLE><BR>\n" );
document.write( "is generated by this html code<BR>\n" );
document.write( "<font color=blue>&lt;table border=1 cellpadding=5&gt;&lt;tr&gt;&lt;td&gt;100&lt;/td&gt;&lt;td&gt;200&lt;/td&gt;&lt;td&gt;300&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;400&lt;/td&gt;&lt;td&gt;500&lt;/td&gt;&lt;td&gt;600&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</font>\r<BR>\n" );
document.write( "<BR>\n" );
document.write( "\n" );
document.write( "Often it helps to break the code into separate lines like so<BR>\n" );
document.write( "<font color=blue>&lt;table border=1 cellpadding=5&gt;<BR>\n" );
document.write( "&lt;tr&gt;&lt;td&gt;100&lt;/td&gt;&lt;td&gt;200&lt;/td&gt;&lt;td&gt;300&lt;/td&gt;&lt;/tr&gt;<BR>\n" );
document.write( "&lt;tr&gt;&lt;td&gt;400&lt;/td&gt;&lt;td&gt;500&lt;/td&gt;&lt;td&gt;600&lt;/td&gt;&lt;/tr&gt;<BR>\n" );
document.write( "&lt;/table&gt;</font><BR>\n" );
document.write( "Each &lt;tr&gt; tag gets its own line.\r<BR>\n" );
document.write( "<BR>\n" );
document.write( "\n" );
document.write( "This is what the table looks like without the cellpadding command.<BR>\n" );
document.write( "<TABLE  border=1>\n" );
document.write( "<tr><TD >100</TD><TD >200</TD><TD >300</TD></tr><tr><TD >400</TD><TD >500</TD><TD >600</TD></tr>\n" );
document.write( "</TABLE>Things look a bit crammed in my opinion.\r<BR>\n" );
document.write( "<BR>\n" );
document.write( "\n" );
document.write( "---------------------------------------------------------\r<BR>\n" );
document.write( "<BR>\n" );
document.write( "\n" );
document.write( "Another Example:\r<BR>\n" );
document.write( "<BR>\n" );
document.write( "\n" );
document.write( "Table<BR>\n" );
document.write( "<TABLE  border=1 cellpadding=5>\n" );
document.write( "\r\n" );
document.write( "<tr><TD >100</TD><TD >200</TD></tr>\r\n" );
document.write( "<tr><TD >300</TD><TD >400</TD></tr>\r\n" );
document.write( "<tr><TD >500</TD><TD >600</TD></tr>\r\n" );
document.write( "\n" );
document.write( "</TABLE>\r<BR>\n" );
document.write( "<BR>\n" );
document.write( "\n" );
document.write( "Code<BR>\n" );
document.write( "<font color=blue>&lt;table border=1 cellpadding=5&gt;<BR>\n" );
document.write( "&lt;tr&gt;&lt;td&gt;100&lt;/td&gt;&lt;td&gt;200&lt;/td&gt;&lt;/tr&gt;<BR>\n" );
document.write( "&lt;tr&gt;&lt;td&gt;300&lt;/td&gt;&lt;td&gt;400&lt;/td&gt;&lt;/tr&gt;<BR>\n" );
document.write( "&lt;tr&gt;&lt;td&gt;500&lt;/td&gt;&lt;td&gt;600&lt;/td&gt;&lt;/tr&gt;<BR>\n" );
document.write( "&lt;/table&gt;<BR>\n" );
document.write( "</font>\r<BR>\n" );
document.write( "<BR>\n" );
document.write( "\n" );
document.write( "Have a try at other examples. Let me know if you have any questions.<BR>\n" );
document.write( "</font> </SPAN>\n" );
document.write( "</TD></TR></TABLE>\n" );