Scribd
Upload
45 views

Assignment CSS

The document is an HTML file that defines the structure and content of a web page for GLA University's MCA program. It includes information about the program, subjects, timetable and a contact form. Styling is applied through internal and external CSS. Key sections include a program overview, list of subjects, timetable formatted in a table, and a contact form for queries. Inline, internal and external CSS is used to style text, backgrounds and structure the content.

Uploaded by

kapil upadhyay
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
45 views

Assignment CSS

The document is an HTML file that defines the structure and content of a web page for GLA University's MCA program. It includes information about the program, subjects, timetable and a contact form. Styling is applied through internal and external CSS. Key sections include a program overview, list of subjects, timetable formatted in a table, and a contact form for queries. Inline, internal and external CSS is used to style text, backgrounds and structure the content.

Uploaded by

kapil upadhyay
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

HTML FILE

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- use of external CSS -->

<link rel="stylesheet" href="cssfile.css" />

<title>GLA University</title>

<!-- Use of internal CSS -->

<style>

p{

font-size: 17px;

color: #4c4c4c;

font-family: 'Poppins', sans-serif;

line-height: 1.5;

display: block;

.form {

border: 2px solid black;

background: #d5d6d5;

width: 30%;

</style>

</head>
<body>

<div class="div1">

<img id="logo" src="GLA_University_logo.png" height="100" width="100" alt="GLA logo"


/><img id="wall"

src="wall.jfif" alt="wallpaper">

<h1 class="head">GLA UNIVERSITY, MATHURA </h1><br>

<h2 class="head">Institue of Engineering & Technology</h2><br>

<h3 class="head">Department of Computer Engineering & Applications</h3>

<hr>

<marquee id="notice" direction="left">Admissions are open for session 2023-2024. Hurry up!!!
&nbsp; limited

seats

are remaining. Get up to 100% Scholarship, <i>T&C applicable</i>.</marquee>

</div>

<h3><a href="https://www.gla.ac.in/" target="_blank">&#9758; Click here to see the main


website of GLA

University</a></h3>

<img src="sketch.webp" height="300px" width="1350px" alt="university background">

<h1 align="center"><u>MCA PROGRAMME</u></h1>

<p>Master of Computer Applications (MCA)<sub>2yr course</sub> emphasis on


designing<sup>1</sup>and

developing<sup>2</sup> <em>the real life application of

information system</em>, it gives a robust foundation for learning new technologies in the
computing and

these will

be beneficial for the students to cope up into the industry. <small>MCA</small> understudies
procure quality in

standards,

concepts and basics of Computer engineering, data innovation and different applications. The
Syllabus follows

the CBCS system which covers wide variety of Programming/ Software development courses on
various technologies
for developing real life application. The labs are well equipped with the latest software as
desired for the

Programme which provide hands-on exposure and practical inputs for real-world problems by
adopting versatile

pedagogy that supports IT Enabled Services, entrepreneurship and research initiatives.</p>

<p>

<ul type="disc">

<li>The broad objective of the MCA Programme at GLA is to prepare the students for IT industry
with Global

competence in cutting-edge technologies like Cloud Computing, Python, IoT, Android


Applications, JAVA,

Oracle, .NET & C#, and many other which gradually propel them in their career growth.</li>

<li>The labs are well equipped with the latest software as desired for the Programme which
provide hands-on

exposure and practical inputs for real-world problems by adopting versatile pedagogy that
supports IT

Enabled Services, entrepreneurship and research initiatives.</li>

<li>The Syllabus follows the CBCS system which covers wide variety of Programming/ Software
development courses

on various technologies for developing real life application.</li>

</ul>

</p>

<h3><mark><u>Subjects a student can choose:-</u></mark></h3>

<ol>

<li>Python</li>

<li>Java</li>

<li>Computer Network</li>

<li>Artificial Language</li>

<li>Natural Language Programming</li>

<li>Computer Organization</li>

<li>C++</li>

<li>Internet of things</li>
<li>DBMS</li>

<li>Data Structure</li>

</ol>

<dl>

<dt>DBMS:</dt>

<dd>DBMS is known as Database Management System</dd>

</dl>

Book- Data Theory

<address>Written by Willian Shakespeare</address>

<h3 align="center"><i><q><u>MCA Time Table</u></q></i></h3>

<table align="center" height="100%" widht="100%">

<caption align="bottom"><strong>This Timetable is made using HTML.</strong></caption>

<thead>

<tr>

<!-- use of inline CSS -->

<th colspan="3" style="color: rgb(122, 114, 114); font-weight: bold;">Time Table: Even
Semester Programme</th>

<th colspan="3" style="color: rgb(177, 34, 34); font-style: oblique;">Course: Master of


Computer Applications</th>

<th colspan="3"style="color: rgb(150, 125, 214); font-weight: bold">Session: 2022-


2023</th>

</tr>

<tr>

<th colspan="2">Section: MCA I Yr.B</th>

<th colspan="2">Semester: II</th>

<th colspan="3">Class Advisor: Ms. Nishtha Parashar</th>

<th>w.e.f.08/02/2023</th>

</tr>

<tr align="center">

<th>Lecture #</th>

<th>1</th>
<th>2</th>

<th>3</th>

<th>4</th>

<th>5</th>

<th>6</th>

<th>7</th>

</tr>

<tr>

<th>Day/Time</th>

<th>10AM-11AM</th>

<th>11AM-12PM</th>

<th>12PM-01PM</th>

<th>01PM-02PM</th>

<th>02PM-03PM</th>

<th>03PM-04PM</th>

<th>04PM-05PM</th>

</tr>

</thead>

<tbody>

<tr align="center">

<th>MONDAY</th>

<td colspan="2" class="DBMS">DBMS LAB 203</td>

<td rowspan="3" id="lunch">LUNCH</td>

<td class="CP">CP-413</td>

<td class="CN">CN</td>

<td class="OOPS">OOPS</td>

<td class="DAA">DAA</td>

</tr>

<tr align="center">

<th>TUESDAY</th>

<td class="ENGLISH">ENGLISH</td>
<td class="QUANT">QUANT</td>

<td class="DBMS">DBMS</td>

<td>GD & PI</td>

<td class="WT">WT</td>

<td></td>

</tr>

<tr align="center">

<th>WEDNESDAY</th>

<td class="ENGLISH">ENGLISH</td>

<td class="WT">WT</td>

<td class="CP">CP-413</td>

<td class="OOPS">OOPS</td>

<td class="DAA">DAA</td>

<td class="DBMS">DBMS</td>

</tr>

<tr align="center">

<th>THURSDAY</th>

<td colspan="2" class="OOPS">OOPS LAB 203</td>

<td class="WT">WT-425</td>

<td id="lunch"></td>

<td class="WT">WT LAB-216</td>

<td>VERBAL APTI</td>

<td class="CN">CN</td>

</tr>

<tr align="center">

<th>FRIDAY</th>

<td class="ENGLISH">ENGLISH</td>

<td class="QUANT">QUANT</td>

<td id="lunch"></td>

<td class="CN">CN</td>

<td class="DBMS">DBMS</td>
<td class="OOPS">OOPS</td>

<td class="DAA">DAA</td>

</tr>

</tbody>

</table>

<h3>Please fill this form for any query</h3>

<div class="form">

<form>

<br>

<div>

Name: <input type="text" name="myname">

</div>

<br>

<div>

Role: <input type="text" name="myrole">

</div>

<br>

<div>

ID: <input type="text" name="myID">

</div>

<br>

<div>

Email: <input type="email" name="myemail">

</div>

<br>

Your favourite subjects:

<br>

<input type="checkbox" id="html" name="fav_language" value="HTML">

<label for="html">HTML</label><br>

<input type="checkbox" id="css" name="fav_language" value="CSS">


<label for="css">CSS</label><br>

<input type="checkbox" id="javascript" name="fav_language" value="JavaScript">

<label for="javascript">JavaScript</label>

<br>

<br>

Are you male or female ?

<br>

<input type="radio" id="Male" name="sex" value="male">

<label for="Male"> Male</label><br>

<input type="radio" id="Female" name="sex" value="female">

<label for="Female"> Female</label><br><br>

Do you want to submit your query ? <input type="submit" value="Yes"><input type="reset"


value="NO">

</form>

</div>

<br>

<footer align="center">

This page contain more than <del>40</del> <ins>50</ins> <strong>tags</strong>.

<br>

<br>

<b>&copy;2023 GLA UNIVERSITY </b>

</footer>

</body></html>

EXTERNAL CSS FILE:

table,

th,

td {

border: 1px solid black;


border-collapse: collapse;

body {

background: rgb(237 237 237 / 12%);

.head {

display: inline-block;

line-height: 1px;

margin-top: 20px;

margin-left: 10px;

.CP {

background-color: aqua;

.CN {

background-color: rgb(127, 219, 84);

.DBMS {

background-color: rgb(144, 122, 255);

.ENGLISH {

background-color: rgb(208, 182, 243);

}
.OOPS {

background-color: rgb(255, 241, 48);

.DAA {

background-color: rgb(76, 236, 175);

.WT {

background-color: rgb(238, 61, 179);

#logo {

display: inline;

float: left;

#wall {

float: right;

height: 135px;

width: 500px;

margin-top: -8px;

#lunch {

writing-mode: vertical-rl;

text-orientation: upright;

background: hsla(0, 15%, 94%, 0.959);

#notice {
font-size: 14px;

color: rgb(255, 50, 50);

font-weight: bold;

You might also like