|
|
Lesson 10.
Great table ideas.
|
|
|
Make a cool calendar.
|
| February 2000 |
| Bloody cold month in Japan! |
| SUN |
MON |
TUE |
WED |
THU |
FRI |
SAT |
| 30 |
31 |
1 |
2 |
3 |
4 |
5 |
| 6 |
7 |
8 |
9 |
10 |
11 |
12 |
| 13 |
14 |
15 |
16 |
17 |
18 |
19 |
| 20 |
21 |
22 |
23 |
24 |
25 |
26 |
| 27 |
28 |
29 |
1 |
2 |
3 |
4 |
|
Add important date reminders between the relevent
<TD> tags to keep informed.
|
|
|
Copy this table's code and change the date's and title to make March's calendar.
|
|
|
Make your table bigger or smaller by changing the <TABLE> and <TD> widths.
|
|
|
Play around with the table's cellpadding and cellspacing
for different looks.
|
Code used to make the above calendar.
Really fiddly to do but good table practice!
<TABLE BORDER="3" CELLSPACING="3" CELLPADDING="3" width="350">
<TR>
<TH COLSPAN="7">February 2000</TH>
</TR>
<TR>
<TH COLSPAN="7"><I>Bloody cold month in Japan!</I></TH>
</TR>
<TR>
<TD ALIGN="center" WIDTH="50">Sun</TD>
<TD ALIGN="center" WIDTH="50">Mon</TD>
<TD ALIGN="center" WIDTH="50">Tue</TD>
<TD ALIGN="center" WIDTH="50">Wed</TD>
<TD ALIGN="center" WIDTH="50">Thu</TD>
<TD ALIGN="center" WIDTH="50">Fri</TD>
<TD ALIGN="center" WIDTH="50">Sat</TD>
</TR>
<TR>
<TD VALIGN="top" WIDTH="50"></TD>
<TD VALIGN="top" WIDTH="50"></TD>
<TD VALIGN="top" WIDTH="50">1</TD>
<TD VALIGN="top" WIDTH="50">2</TD>
<TD VALIGN="top" WIDTH="50">3</TD>
<TD VALIGN="top" WIDTH="50">4</TD>
<TD VALIGN="top" WIDTH="50">5</TD>
</TR>
<TR>
<TD VALIGN="top" WIDTH="50">6</TD>
<TD VALIGN="top" WIDTH="50">7</TD>
<TD VALIGN="top" WIDTH="50">8</TD>
<TD VALIGN="top" WIDTH="50">9</TD>
<TD VALIGN="top" WIDTH="50">10</TD>
<TD VALIGN="top" WIDTH="50">11</TD>
<TD VALIGN="top" WIDTH="50">12</TD>
</TR>
<TR>
<TD VALIGN="top" WIDTH="50">13</TD>
<TD VALIGN="top" WIDTH="50">14</TD>
<TD VALIGN="top" WIDTH="50">15</TD>
<TD VALIGN="top" WIDTH="50">16</TD>
<TD VALIGN="top" WIDTH="50">17</TD>
<TD VALIGN="top" WIDTH="50">18</TD>
<TD VALIGN="top" WIDTH="50">19</TD>
</TR>
<TR>
<TD VALIGN="top" WIDTH="50">20</TD>
<TD VALIGN="top" WIDTH="50">21</TD>
<TD VALIGN="top" WIDTH="50">22</TD>
<TD VALIGN="top" WIDTH="50">23</TD>
<TD VALIGN="top" WIDTH="50">24</TD>
<TD VALIGN="top" WIDTH="50">25</TD>
<TD VALIGN="top" WIDTH="50">26</TD>
</TR>
<TR>
<TD VALIGN="top" WIDTH="50">27</TD>
<TD VALIGN="top" WIDTH="50">28</TD>
<TD VALIGN="top" WIDTH="50">29</TD>
<TD VALIGN="top" WIDTH="50">1</TD>
<TD VALIGN="top" WIDTH="50">2</TD>
<TD VALIGN="top" WIDTH="50">3</TD>
<TD VALIGN="top" WIDTH="50">4</TD>
</TR>
</TABLE>
 Click below if you. . .
1. wanna make a recipe page.
2. need to frame a picture.
| 
Go to the next lesson.
Thank you for visiting this page
Back to index page.