Adding your own table
This is as simple as copying and pasting the following into HTML view of your app:
<table align="center" border="3;" class="table-styled" style="width: 95%;">
<tbody>
<tr>
<td>
(YOUR STUFF GOES HERE)
</td>
</tr>
</tbody>
</table>
Understanding:
The parameters in the code above are quite extensible. Here's what they do:
<table> - This tag tells the page to begin creating a table. The matching tag to CLOSE the table is </table>.
style="width: 100%;" - This parameter is relative, and tells the table to take up 100% of whatever horizontal space it inhabits. The width command can also be applied to cells, to divide up the space inside the table to whatever amounts suit you.
cellpadding="5;" - This number determines how much "air" there is between the lines defining each cell and any inserted material. (Note: to add space between cells and columns, you'd want cellspacing, which works the same way.)
border="2;" - This tells the table to show its outer border, and how thick to make it. The larger the number, the thicker the border.
border-color: #0000ff;" - This governs the color of the border, defined in hex. How do you know what to tell it to get the color you want? Find your colors here.
align="center" - You really only need this if the width of the table is less that 100%. Other arguments are "left" and "right".
<tbody> - This one needs to come right after the <table> tag and its parameters. Its corresponding closing tag, </tbody>, goes right before the closing </table> tag.
<tr> - This opens a table row, which encapsulates cells, and closes with </tr>.
<td> - The tag that opens a table cell (because everyone knows "cell" starts with "d"). It's corresponding closing tag is </td>. You can have any number of these inside a table row, to define columns.
Accordingly, the code above makes a table that looks like this:
(YOUR STUFF GOES HERE) |