0
1.7kviews
Design a Responsive Time Table Using HTML & CSS
1 Answer
0
245views

Code:-

<!DOCTYPE html>
<html>
<head>
    <title>TimeTable</title>
</head>
<body>
    <h1><center><font color="red">INFORMATION TECHNOLOGY DEPARTMENT</font></center></h1>
    <h2><center>CLASS - TE SH-2020</center></h2>
    <center>
    <table border="2" style="width:60%;text-align: center;" cellspacing="0" bgcolor="lightgrey" cellpadding="5">
    <tr>
        <td><FONT COLOR="blue"><b>Period/Time</b></FONT></td>
        <td><FONT COLOR="blue"><b>10:00</b></FONT></td>
        <td><FONT COLOR="blue"><b>11:00</b></FONT></td>
        <td><FONT COLOR="blue"><b>12:00</b></FONT></td>
        <td><FONT COLOR="blue"><b>13:00</b></FONT></td>
        <td><FONT COLOR="blue"><b>14:00</b></FONT></td>
        <td><FONT COLOR="blue"><b>15:00</b></FONT></td>
    </tr>
    <tr>
        <td><FONT COLOR="blue"><b>Day </b></FONT></td>
        <td><FONT COLOR="blue"><b>11:00</b></FONT></td>
        <td><FONT COLOR="blue"><b>12:00</b></FONT></td>
        <td><FONT COLOR="blue"><b>13:00</b></FONT></td>
        <td><FONT COLOR="blue"><b>14:00</b></FONT></td>
        <td><FONT COLOR="blue"><b>15:00</b></FONT></td>
        <td><FONT COLOR="blue"><b>16:00</b></FONT></td>
    </tr>
    <tr>
        <td><FONT COLOR="blue"><b>Monday</b></FONT></td>
        <td>MES-VM</td>
        <td>IP-SM</td>
        <td>ECOM-SM/ADSA-JS</td>
        <td rowspan="5"><font color="blue"><b>Lunch Break</b></font></td>
        <td>BCE-GY</td>
        <td>IOT(PR)-VM</td>
    </tr>
    <tr>
        <td><FONT COLOR="blue"><b>Tuesday</b></FONT></td>
        <td>ADMT-LK</td>
        <td>CNS-SP</td>
        <td>ECOM-SM/ADSA-JS</td>
        <td>MES-VM</td>
        <td>SL(PR)-SP</td>
    </tr>
    <tr>
        <td><FONT COLOR="blue"><b>Wednesday</b></FONT></td>
        <td>ADMT-LK</td>
        <td>CNS-SP</td>
        <td>ECOM-SM/ADSA-JS</td>
        <td>BCE-GY</td>
        <td>BCE-GY</td>
    </tr>
    <tr>
        <td><FONT COLOR="blue"><b>Thursday</b></FONT></td>
        <td>ADMT-LK</td>
        <td>CNS-SP</td>
        <td>IP-SM</td>
        <td>MES-VM</td>
        <td>OLAP(PR)-VK</td>
    </tr>
    <tr>
        <td><FONT COLOR="blue"><b>Friday</b></FONT></td>
        <td>MES-VM</td>
        <td>CNS-SP</td>
        <td>ADMT-LK</td>
        <td>IP-SM</td>
        <td>IPL(PR)-SM</td>
    </tr>
    </table>
    </center>
</body>
</html>

Output:- enter image description here

Please log in to add an answer.