Independent Solar-Powered Electric Vehicle Charging Station
TABLE
1.
2. The obvious purpose of arranging information in a table
The less obvious - but more widely used - purpose of
creating a page layout with the use of hidden tables.
Using tables to divide the page into different sections is an
extremely powerful tool.
Almost all major sites on the web are using invisible tables
to layout the pages.
The most important layout aspects that can be done with
tables are:
Dividing the page into separate sections.
An invisible table is excellent for this purpose.
Creating menus.
Typically with one color for the header and another for the
links following in the next lines.
3. you do not specify a border for
the table, it will be displayed
without borders.
A border is set using the
CSS border property:
4. <html>
<head>
<table style="width:100%">
<tr>
<th>First name</th>
<th>Last name</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
</body>
</html>
Firstname LastName Age
Jill Smith 50
Eve Jackson 94
John Deo 80
5. Cell padding specifies the space between the
cell content and its borders.
If you do not specify a padding, the table cells
will be displayed without padding.
To set the padding, use the
CSS padding property:
6. By default, table headings are bold and
centered.
To left-align the table headings, use the
CSS text-align property: