Time table in HTML and CSS

      No Comments on Time table in HTML and CSS

A Time table in HTML and CSS

Time-Table
DayLec 1Lec 2Lec 3BreakLec 4Lec 5Lec 6
MondayMathsEnglishScienceB
R
E
A
K
Computer particalArt
TuesdayComputerSoc.scHindiGamesEnglishScience
WednesdayComputer PracticalScienceArtSoc.ScHindi
ThursdayEnglishHindiArtSoc.ScMathsScience
FridayComputerScienceGamesMathsEnglishComputer


Try it yourself


<table style="100%" border>
<caption>Time-Table</caption>
<tr>
 <th>Day</th>
 <th>Lec 1</th>
 <th>Lec 2</th>
 <th>Lec 3</th>
 <th>Break</th>
 <th>Lec 4</th>
 <th>Lec 5</th>
 <th>Lec 6</th>
</tr>
<tr>
 <td>Monday</td>
 <td bgcolor="#b3ff66">Maths</td>
 <td bgcolor=" #99ccff">English</td>
 <td bgcolor=" #ffffb3">Science</td>
 <td rowspan="5"><b>B<br>R<br>E<br>A<br>K</b></td>
 <td colspan="2" bgcolor="#ff8080">Computer partical</td>
 <td bgcolor="#e699ff">Art</td>
</tr>
<tr>
 <td>Tuesday</td>
 <td bgcolor="#33cccc">Computer</td>
 <td bgcolor="#ff3385">Soc.sc</td>
 <td bgcolor="#e6ac00">Hindi</td>
 <td bgcolor="#ff661a">Games</td>
 <td bgcolor=" #99ccff">English</td>
 <td bgcolor=" #ffffb3">Science</td>
</tr>
<tr>
 <td>Wednesday</td>
 <td colspan="2" bgcolor="#ff8080">Computer Practical</td>
 <td bgcolor=" #ffffb3">Science</td> 
 <td bgcolor="#e699ff">Art</td>
 <td bgcolor="#ff3385">Soc.Sc</td>
 <td bgcolor="#e6ac00">Hindi</td>
</tr>
<tr>
 <td>Thursday</td>
 <td bgcolor=" #99ccff">English</td>
 <td bgcolor="#e6ac00">Hindi</td>
 <td bgcolor="#e699ff">Art</td>
 <td bgcolor="#ff3385">Soc.Sc</td>
 <td bgcolor="#b3ff66">Maths</td>
 <td bgcolor=" #ffffb3">Science</td>
</tr>
<tr>
 <td>Friday</td>
 <td bgcolor="#33cccc">Computer</td>
 <td bgcolor=" #ffffb3">Science</td>
 <td bgcolor="#ff661a">Games</td>
 <td bgcolor="#b3ff66">Maths</td>
 <td bgcolor=" #99ccff">English</td>
 <td bgcolor="#33cccc">Computer</td>
</tr>
</table>


Time table

Leave a Reply

Your email address will not be published. Required fields are marked *