Design Time Table of your department and highlights of most important periods

Design Time Table of your department and highlights of most important periods.

In this practical using tags:-

1. <link /> 

  2. <div></div>

  3. <p></p>

  4. <table></table> 

 5. <tr></tr>

  6. <th></th>

  7. <td></td> 

Code:-

Input:-

<html>

    <head>

        <title>Time-Table</title>

        <link rel="stylesheet" href="time-table.css">

    </head>

    

    <body>

        <div class="main1">

            <div class="txt1">

                <p>Ddepartment of Computer Application</p>

                <p>Time-Table ( May-2021 onwards)- Issue-IV (Online Mode)</p>

            </div>

            

            <div class="dtb1">

                <table class="tb1" align="center">

                    <tr>

                        <th class="td1 td2 " > </th>

                        <th class="td1 td2" > 09:00 - 09:45 </th>

                        <th class="td1 td2" > 09:45 - 10:30 </th>

                        <th class="td1 td2" > 10:30 - 11:15 </th>

                        <th class="td1 td2" > 11:15 - 12:00 </th>

                        <th class="td1 td3" > 12:00 - 01:00 </th>

                        <th class="td1 td2" > 01:00 - 01:45 </th>

                        <th class="td1 td2" > 01:45 - 02:30 </th>

                        <th class="td1 td2" > 02:30 - 03:15 </th>

                        <th class="td1 td2" > 03:15 - 04:00 </th>

                        

                        

                    </tr>

                    <tr  >

                        <td class="td12" > Monday </td>

                        <td class="td1 se1"> SE KK </td>

                        <td class="td1 os1" colspan="2"> OS LAB AA </td>

                        <td class="td1 wd1"> WD RA </td>

                        <td class="td1 td3" rowspan="5" style="text-align:center;"> BREAK </td>

                        <td class="td1 os1"> OS AA </td>

                        <td class="td1 mpd1"> MPD KK </td>

                        <td class="td1 empt1"> ..... </td>

                         <td class="td1 empt1"> ..... </td>

                    

                    </tr>

                    <tr  >

                        <td class="td12"> TUESDAY </td>

                        <td class="td1 dbms1"> DBMS JK </td>

                        <td class="td1 se2" colspan="2"> SE LAB KK </td>

                        <td class="td1 empt1" > .... </td>

                        <td class="td1 os2" colspan="2"> OS LAB AA </td>

                        <td class="td1 se1"> SE </td>

                        <td class="td1 wd1"> WD </td>

                     

                    </tr>

                    <tr  >

                        <td class="td12"> WEDNESDAY </td>

                        <td class="td1 dbms2" colspan="2"> DBMS LAB JK </td>

                        <td class="td1 wd1" > WD RA </td>

                        <td class="td1 os1"> OS AA</td>

                        <td class="td1 se1"> SE KK </td>

                        <td class="td1 dbms1"> DBMS JK </td>

                        <td class="td1 empt1"> ..... </td>

                        <td class="td1 empt1"> ..... </td>

                     

                    </tr>

                    <tr   >

                        <td class="td12"> THURSDAY </td>

                        <td class="td1 wd1"> WD A </td>

                        <td class="td1 os1"> OS AA </td>

                        <td class="td1 wd2" colspan="2"> WD LAB KK </td>

                        <td class="td1 dbms1"> DBMS JK  </td>

                        <td class="td1 empt1"> ..... </td>

                        <td class="td1 empt1"> ..... </td>

                        <td class="td1 empt1"> ..... </td>

                     

                    </tr>

                    <tr >

                        <td class="td12"> FRIDAY </td>

                        <td class="td1 dbms2" colspan="2"> DBMS LAB JK </td>

                        <td class="td1 se1"> SE KK </td>

                        <td class="td1 os1"> OS AA </td>

                        <td class="td1 dbms1"> DBMS JK </td>

                        <td class="td1 se2" colspan="2"> SE LAB KK </td>

                        <td class="td1 empt1"> ..... </td>

                         

                    </tr>

                

                </table>

            

            </div></div>

    </body>

    

</html>

Output:-

Design Time Table of your department and highlights of most important periods

Display letter using different Text formatting Tags

1 thought on “Design Time Table of your department and highlights of most important periods”

Leave a Comment