GithubHelp home page GithubHelp logo

slot's Introduction

Ex03 Time Table

Date: 12/10/2023

AIM

To write a html webpage page to display your slot timetable.

ALGORITHM

STEP 1

Create a Django-admin Interface.

STEP 2

Create a static folder and inert HTML code.

STEP 3

Create a simple table using <table> tag in html.

STEP 4

Add header row using <th> tag.

STEP 5

Add your timetable using <td> tag.

STEP 6

Execute the program using runserver command.

CODE

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Timetable</title>
</head>
<body>
    <img src="logo.png" alt="logo" width="600" height="100">
    
    <h2>SLOT TIMETABLE-SRIMATHI K(212221040161)</h2>

    <table cellspacing="7" bgcolor="aqua" border="2">
        <tr>
            <th>Time</th>
            <th>Monday</th>
            <th>Tuesday</th>
            <th>Wednesday</th>
            <th>Thursday</th>
            <th>Friday</th>
            <th>Saturday</th>

        </tr>
        <tr>
            <th bgcolor="yellow">8:00 -10:00AM</th>
            <td>DPSD</td>
            <td>FWAD</td>
            <td>JFST</td>
            <td>DPSD</td>
            <td>Free slot</td>
            <td>DS</td>

        </tr>
        <tr>
            <th bgcolor="yellow">10:00 -12:00 AM</th>
            <td>Free slot</td>
            <td>JFST</td>
            <td>Free slot</td>
            <td>JFST</td>
            <td>DPSD</td>
            <td>CNS</td>
        </tr>
        <tr>
            <th bgcolor="yellow">12:00 - 1:00PM</th>
            <td colspan="6">Lunch</td>

        </tr>
        <tr>
            <th bgcolor="yellow">1:00 - 3:00PM</th>
            <td>JFST</td>
            <td>Free slot</td>
            <td>JFST</td>
            <td>Free slot</td>
            <td>JFST</td>
            <td>Free slot</td>

        </tr>
        <tr>
            <th bgcolor="yellow">3:00 - 5:00PM</th>
            <td>CNS</td>
            <td>Free slot</td>
            <td>DS</td>
            <td>FWAD</td>
            <td>Free slot</td>
            <td>FWAD</td>

        </tr>
    </table>


    <table border="1" style="margin-top: 20px;">
        <tr>
            <th>S.No</th>
            <th>Subject code</th>
            <th>Subject name</th>
        </tr>
        <tr>
            <td>1</td>
            <td>19AI403</td>
            <td>Introduction to data science</td>
        </tr>
        <tr>
            <td>2</td>
            <td>19AI414</td>
            <td>Fundamentals of web application development</td>
        </tr>
        <tr>
            <td>3</td>
            <td>19CS404C</td>
            <td>Java full stack</td>
        </tr>
        <tr>
            <td>4</td>
            <td>19CS412</td>
            <td>Cryptography and network security</td>
        </tr>
        <tr>
            <td>5</td>
            <td>19EC303</td>
            <td>Digital principles and system design</td>
        </tr>
    </table>
</body>
</html>

OUTPUT

Alt text

RESULT

The program for creating slot timetable using basic HTML tags is executed successfully.

slot's People

Contributors

madhi43 avatar selvasachein avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.