Scribd Logo
Upload

Welcome to Scribd!

  • Write HTML5 and CSS Code For The Given Output Below

    Uploaded by

    msskjc
    6 views3 pages

    Original Title

    1337_1582829523

    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
    6 views3 pages

    Write HTML5 and CSS Code For The Given Output Below

    Uploaded by

    msskjc

    Copyright:

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

    Princess Nora University VisionAcademy.

    online
    IS234T 2020
    Lab #2 Budoor Ahmed

    Write HTML5 and CSS code for the given output below:

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    body { background-color: lightgreen;}
    h1 {color: white; text-align: center; }

    </style>
    </head>
    <body>

    <h1>Information System</h1>

    <p>I am student</p>

    </body>
    </html>

    -١-
    Princess Nora University VisionAcademy.online
    IS234T 2020
    Lab #2 Budoor Ahmed

    In this exercise you will create a form using HTML5 and CSS. On completion, the page will look like the

    picture below:

    Note: 1- Form borders are rounded.

    2- Input borders are dotted.

    3- Colors used : #f2f2f2 , #b30000.

    -٢-
    Princess Nora University VisionAcademy.online
    IS234T 2020
    Lab #2 Budoor Ahmed

    <!DOCTYPE html>
    <html>
    <head>

    <style>
    body {background-color: #f2f2f2 ;}

    input, textarea {border: 2px dotted #b30000;}

    h1 {color: #b30000; text-align: center;}

    p {color: #b30000;}
    </style>

    </head>

    <body>

    <h1>Contact Us Form</h1>

    <form>
    <p>Name:<br />
    <input type="text" id="fname" name="fname"></p>

    <p>E-mail Address:<br />


    <input type="email" id="Email" name="Email"></p>

    <p>Messge subject:<br />


    <input type="text" id="fname" name="fname"></p>

    <p>Message: <br />


    <textarea rows="5" cols="50" name="description"> </textarea></p>

    <input type = "submit" name = "submit" value = "Submit" style="background-color: #b30000;


    color: white;"/>

    <input type = "reset" name = "reset" value = "Cancle" style="background-color: #b30000;


    color: white;"/>
    </form>

    </body>
    </html>

    -٣-

    You might also like