Scribd Logo
Upload

Welcome to Scribd!

  • Assignment CSS

    Uploaded by

    kapil upadhyay
    15 views12 pages
    this shows how to implement CSS in html file

    Original Title

    assignmentCSS

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    this shows how to implement CSS in html file

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    15 views12 pages

    Assignment CSS

    Uploaded by

    kapil upadhyay
    this shows how to implement CSS in html file

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 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