Scribd Logo
Upload

Welcome to Scribd!

  • Iwd File

    Uploaded by

    NARENDER
    4 views27 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, 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 DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    4 views27 pages

    Iwd File

    Uploaded by

    NARENDER

    Copyright:

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

    PROGRAM- 1

    Aim: - Write a program welcome to html

    <html>
    <head>
    <title>welcome</title>
    </head>
    <body>
    Hello World!
    </body>
    </html>
    OUTPUT
    PROGRAM- 2
    Aim: - Write a program to create a heading

    <!DOCTYPE html>
    <html>
    <head>
    <title>Heading elements</title>
    </head>
    <body>
    <h1>This is main heading of page. </h1>
    <p>h1 is the most important heading, which is used to display the key
    word of page </p>
    <h2>This is first sub-heading</h2>
    <p>h2 describes the first sub heading of page. </p>
    <h3>This is Second sub-heading</h3>
    <p>h3 describes the second sub heading of page.</p>
    <p>We can use h1 to h6 tag to use the different sub-
    heading with their paragraphs if required.
    </p>
    </body>
    </html>
    Output
    PROGRAM- 3
    Aim: - Write a program using Tables & Frames.

    <html>
    <head>
    <title>Tables & Frames</title>
    <frameset rows="25%,30%,45%">
    </head>
    <body>
    <frame src="1.html">
    <frame src="2.html">
    <frame src="3.html">
    </frameset>
    </body>
    </html>
    MAIN OUTPUT OF PROGRAM-3
    Program 4

    Aim: - Write a program using heading 1


    <html>
    <head>
    <title>Tables & Frames</title>
    </head>
    <body>
    <h1>this is a program using Tables & Frames</h1>
    </body>
    </html>
    OUTPUT

    Program 5
    Aim:-Write a program to create frame.
    <html>
    <head>
    <title>Tables & Frames</title>
    </head>
    <body bgcolor="pink">
    <h1>This is Frame @ 2</h1>
    </body>
    </html>

    OUTPUT
    Program 6
    Aim:-Write a program to create table.
    <html>
    <head>
    <title>Tables & Frames</title>
    </head>
    <body>
    <h1>Table
    <table border="4" cellspacing="6">
    <tr><th>Name
    <td>Kapil
    <td>Lalit
    <td>Nitesh
    <td>Sanjeev
    </tr>
    <tr>
    <th>Roll Number
    <td>33
    <td>35
    <td>39
    <td>53
    </tr>
    <br>
    <tr>
    <th>Bikes
    <td>Yamaha
    <td>Bajaj
    <td>Bajaj
    <td>Hero Honda
    </tr>
    <br>
    <tr>
    <th>Mobile
    <td>Samsung
    <td>Nokia
    <td>Nokia
    <td>Motorola
    </body>
    </html>
    OUTPUT

    PROGRAM-7
    Aim: - Write a program to create a form.
    <html>
    <head><title>FORM</title>
    </head>
    <body>
    <form>
    <h1>Form for creating an account</h1><br>
    First Name<input type="text" name=""value=" "><br>
    Last Name<input type="text" name=" "value=" "><br>
    Sex------><input type="text" name=" "value=" "><br>
    Email-id : -<input type="text" name=" "value=" "><br>
    D.O.B. : - <input type="number" name=" "value=" "><br>
    Phone No. <input type=" number" name=" " value=" "><br>
    <h1>Submit now</h1>
    <input type="reset" value ="submit">
    <input type="reset" value="reset">
    </form>
    </body>
    </html>
    OUTPUT
    PROGRAM-8
    Aim:-Write a program to create Alert & Prompt Box.

    <html>
    <head>
    <title>Alert & Prompt Box</title>
    <script type="text/javascript">
    function show()
    {
    var a=prompt("Enter the amount to withdraw");
    if(a>=50000)
    {
    alert("wrong trigger");
    }
    else
    {
    alert("transaction done");
    }
    }
    </script></head>
    <body>
    <h1>click now down<br>
    <input type="button" name="submit" onclick ="show()">
    </body>
    </html>
    OUTPUT
    PROGRAM-9
    Aim:-Write a program using all type of Style Sheets.

    1.) Inline Style Sheet

    <html>
    <head><title>Inline Style Sheet</title>
    </head>
    <body>
    <h1 style="font-family:times;font-size:38;text-
    decoration:underline; color:blue"> This is Inline CSS<h1>
    <h2 style="font-family:tahoma; font-size:56;text-
    decoration:bold">See the effect of css here</h2>
    </body>
    </html>

    2.) Internal Style Sheet:-


    <html>
    <head><title>Internal Style Sheet</title>
    <style type="text/css">
    h1{font-family:taoma; background-color:red;font-size:56}
    h2{font-family:comic sans ms; background-color:green; font-
    size:36}
    </style>
    </head>
    <body>
    <h1>This is an Example of Internal Style Sheet</h1>
    <h2>This HTML page uses CSS</h2>
    </body>
    </html>

    3.) External Style Sheet:-

    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="ONE.CSS ">

    </head>
    <body>
    <h1>This HTML page uses css</h1>
    <h2>This is a new header</h2>
    <p>See the effect of CSS here</p>
    </body>
    </html>

    ONE.CSS
    <html>
    <head>
    <title>External CSS</title></head>
    body{color:black}
    h2{text-align:center;color:blue; font-family:"verdana"}
    p{font-family:"sans serif"}
    </body>
    </html>
    OUTPUT OF INLINE STYLESHEET
    OUTPUT OF INTERNAL STYLESHEET-
    OUTPUT OF EXTERNAL STYLESHEET-

    You might also like