Scribd Logo
Upload

Welcome to Scribd!

  • Chandru Web Activity

    Uploaded by

    Mohammed Adnan khan
    5 views6 pages

    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

    Copyright:

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

    Chandru Web Activity

    Uploaded by

    Mohammed Adnan khan

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 6

    VISVESVARAYA TECHNOLOGY UNIVERSITY

    “JNANA SANGAMA”, BELGAUM – 590018

    2022-23

    CREATING A WEB PAGE OF COLLEGE FEST


    INVITATION

    BY

    CHANDRASHEKAR

    4VM20CS018

    Under the Guidance of

    Prof. Namitha Devi N N


    Assistant Professor
    Dept. of CSE
    VVIET

    DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

    VIDYA VIKAS INSTITUTE OF ENGINEERING & TECHNOLOGY


    #127-128, Mysore - Bannur Road, Alanahally, Mysuru, Karnataka 570028
    Vidya Vikas Educational Trust ®
    INTRODUCTION TO HTML

    HTML stands for Hypertext Markup Language, and it is the most widely used language to write
    Web Pages.

    Hypertext refers to the way in which Web pages (HTML documents) are linked together. Thus,
    the link available on a webpage is called Hypertext.

    As its name suggests, HTML is a Markup Language which means you use HTML to simply
    "mark-up" a text document with tags that tell a Web browser how to structure it to display.

    Originally, HTML was developed with the intent of defining the structure of documents like
    headings, paragraphs, lists, and so forth to facilitate the sharing of scientific information
    between researchers.

    Now, HTML is being widely used to format web pages with the help of different tags available
    in HTML language.

    Basic HTML Document


    In its simplest form, following is an example of an HTML document:
    <!DOCTYPE html>
    <html>
    <head>
    <title>This is document title</title>
    </head>
    <body>
    <h1>This is a heading</h1>
    <p>Document content goes here.....</p>
    </body>
    </html>
    HTML PROGRAM FOR DISABLE BUTTON:SUBMIT BUTTON
    The 'disabled' is an attribute of <button> tag in HTML, which is used to denote that the button
    is disabled. It is a Boolean attribute. The disabled button cannot be used for clicking, and it
    appears as a grey color.

    Program:

    <!DOCTYPE html>
    <html>

    <head>
    <meta charset="UTF-8">
    <title>College Fest Invitation</title>
    <style>
    body {
    font-family: Arial, sans-serif;
    }

    .container {
    max-width: 600px;
    margin: 0;
    padding: 20px;
    background-color: white;
    border-radius: 5px;
    border:double 10pt;
    }

    h2 {
    text-align: center;
    color: purple;
    }
    h3 {
    text-align:center;
    color:deeppink;
    }

    p{
    margin-bottom: 20px;
    line-height: 1.5;
    color:purple;
    }

    .btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: white;
    color: blue;
    text-decoration: none;
    border-radius: 5px;
    }

    .btn:hover {
    background-color: purple;
    }
    </style>
    </head>

    <body>
    <div class="container">
    <h2>Vidya Vikas Institute of Engineering and Technology</h2>
    <h3>Gear Up for the VVIET Fest!</h3>
    <h4>Dear Students,</h4>
    </p>
    <p>We are thrilled to invite you to our annual College Fest, an event packed with exciting
    activities, performances, and much more!</p>
    <p>Details of the event:</p>
    <ul>
    <li><strong>Date:</strong> 30th May</li>
    <li><strong>Time:</strong> 6PM Onwards</li>
    <li><strong>Venue:</strong> College Grounds</li>
    </ul>
    <p>Join us for a day filled with fun, learning, and memorable experiences. Don't miss out
    on the chance to connect with fellow students, showcase your talents, and enjoy a fantastic
    celebration of our college community.</p>
    <p>For more information, please visit our college website or contact the event
    organizers.</p>
    <p>We look forward to seeing you at the College Fest!</p>
    <p>Sincerely,</p>
    <p>Chandrashekar</p>
    <p>
    <a href="www.VVIET.in" class="btn">Register Now</a>
    </p>
    </div>
    </body>

    </html>
    OUTPUT :

    You might also like