You are on page 1of 5

Muskan Agarwal

MCA (Section:A)

RollNo:55

Objective:- Apply various types of CSS to Program(b).

HTML Code:-
<HTML>
<HEAD>
<TITLE>
MCA IST YEAR TIME TABLE
</TITLE>
<link rel="stylesheet" href="style.css">
<style>
.p1{
background-color: violet;
}
</style>
</HEAD>
<BODY style="background-color: antiquewhite ">
<center>
<hr><H2 style="background-color: green;">GLA UNIVERSITY, MATHURA</H2></hr>
<hr><H3 style="background-color: yellowgreen;">INSTITUTE OF ENGINEERING &
TECHNOLOGY</H3></hr>
<hr><H4 style="background-color: goldenrod;"> COMPUTER ENGINEERING &
APPLICATION </H4></hr>
<STYLE>
table, th, td {
border: 1px solid black;
text-align:center;
}
</STYLE>
<TABLE STYLE ="WIDTH:100%"; >
<TR>
<TH COLSPAN="4">TIME TABLE :ODD SEMESTER PROGRAMME</TH>
<TH COLSPAN="4">COURSE MASTER OF COMPUTER APPLICATION</TH>
<TH COLSPAN="4">SESSION : 2023-2024</TH>
</TR>
<TR>

<TH COLSPAN="2">SECTION: MCA IYR.A</TH>


<TH COLSPAN="2">SEMESTER:1</TH>
<TH COLSPAN="3">CLASS ADVISOR MR. SIDDHARTH SINGH</TH>
<TH COLSPAN="2"></TH>
<TH COLSPAN="2">w.e.f28-08-2023</TH>
</TR>
<TR>

<TH COLSPAN="1"> LECTURE# </TH>


<TH COLSPAN="1"> 1</TH>
<TH COLSPAN="1"> 2</TH>
<TH COLSPAN="1"> 3</TH>
<TH COLSPAN="1"> 4</TH>
<TH COLSPAN="1"> 5</TH>
<TH COLSPAN="1"> 6</TH>
<TH COLSPAN="1"> 7</TH>
<TH COLSPAN="1"> 8</TH>
<TH COLSPAN="1"> 9</TH>
<TH COLSPAN="1"> 10</TH>
</TR>
<TR>
<TH>DAY/TIME</TH>
<TH>08:00-09:00</TH>
<TH>09:00-10:00</TH>
<TH>10:00-11:00</TH>
<TH>11:00-12:00</TH>
<TH>12:00-01:00</TH>
<TH>01:00-02:00</TH>
<TH>02:00-03:00</TH>
<TH>03:00-04:00</TH>
<TH>04:00-05:00</TH>
<TH>05:00-06:00</TH>
</TR>
<TR>
<TH style="background-color: beige;">MONDAY</TH>
<TH></TH>
<TH></TH>
<TH COLSPAN="2" style="background-color: blueviolet;"
>1A1/MCAC087/SS/LAB-AB9-102B</TH>
<TH style="background-color: orchid;">PGDH0001<BR>LH-427</TH>
<TH rowspan='8'cellpadding='20px' style="background-color:
beige;"><br>L<br>U<br>N<br>C<br>H</TH>
<TH class="p1">MCAC0019<BR>LH-427</TH>
<TH class="p3" >1A1/BELH0003/LH-427</TH>
<TH style="background-color: goldenrod;">PVR0001<BR>LH-427</TH>
<TH class="p4"> BELH0006</TH>
</TR>
<TR>
<TH style="background-color: beige;">TUESDAY</TH>
<TH></TH>
<TH></TH>
<TH COLSPAN="2" style="background-color:greenyellow
;">1A1/MCAC0811/RA/LAB-AB9-102B</TH>
<TH class="p2">MCAC0009<BR>LH-427</TH>

<TH class="p9">MCAC1014<BR>LH-427</TH>
<TH class="p7">MCAC0017<BR>LH-427</TH>
<TH class="p8">MCAC0018<BR>LH-427</TH>
<TH style="background-color: burlywood">PCPH0001<BR>LH-427</TH>
</TR>

<TR>
<TH style="background-color: beige;">WEDNESDAY</TH>
<TH></TH>
<TH></TH>
<TH class="p3" >BELH0003<BR>LH-529</TH>
<TH class="p2">MCAC0009<BR>LH-529</TH>
<TH class="p9">MCAC1014<BR>LH-529</TH>

<TH class="p8">MCAC0018<BR>LH-429</TH>
<TH class="p1">MCAC0019<BR>LH-429</TH>
<TH class="p4">BELH0006<BR>LH-429</TH>
<TH class="p7">MCAC0017<BR>LH-429</TH>
</TR>
<TR>
<TH style="background-color: beige;">THURSDAY</TH>
<TH></TH>
<TH></TH>
<TH class="p3">BELH0003<BR>LH-427</TH>
<TH style="background-color: aqua;" >PQRH0001<BR>LH-427</TH>
<TH class="p8">MCAC0018<BR>LH-427</TH>

<TH class="p9">MCAC1014<BR>LH-429</TH>
<TH class="p7">MCAC0017<BR>LH-429</TH>
<TH class="p4" >BELH0006<BR>LH-429</TH>
<TH></TH>
</TR>
<TR>
<TH style="background-color: beige;">FRIDAY</TH>
<TH></TH>
<TH></TH>
<TH class="p1">MCAC0019<BR>LH-529</TH>
<TH style="background-color: aqua;">PQRH0001<BR>LH-529</TH>
<TH class="p3">1A1/BELH0003/LH-529</TH>

<TH class="p7">MCAC0017<BR>LH-429</TH>
<TH class="p2">MCAC0009<BR>LH-429</TH>
<TH COLSPAN="2" style="background-color:
aquamarine;">1A1/MCAC0809/JPS/LAB-AB9-102B</TH>
</TR>
<TR>
<TH style="background-color: beige;">SATURDAY</TH>
<TH></TH>
<TH></TH>
<TH></TH>
<TH></TH>
<TH></TH>
<TH></TH>
<TH></TH>
<TH></TH>
<TH></TH>
<TH></TH>
</TR>
</TABLE>
</center>
</BODY>
</html>

CSS Code:-
.p2{
background-color: skyblue;
}
.p3{
background-color:red;
}
.p4{
background-color: yellowgreen;
}
.p9{
background-color:grey;
}
.p7{
background-color: orange;
}
.p8{
background-color: blue;
}
Output:-

You might also like