Scribd Logo
Upload

Welcome to Scribd!

  • CA Prac File

    Uploaded by

    Khushi Chadha
    11 views17 pages
    6856

    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
    6856

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    11 views17 pages

    CA Prac File

    Uploaded by

    Khushi Chadha
    6856

    Copyright:

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

    PROGRAM-1

    1. Create a webpage that prints your name, set title as “This is a webpage” and print a message
    and that when this page was created.
     INPUT
    <!DOCTYPE html>
    <html>
    <head>
    <title>This is a webpage.</title>
    </head>

    <body style="font-size:160%; font-family:comic sans MS; color:blue">


    <p>My name is Khushi Chadha</p>
    <p>This page was created on 3rd April,2017</p>

    </body>
    </html>
    PROGRAM-1: OUTPUT
    PROGRAM-2

    2. Create a webpage that contains a brief description about you and type subheadings
    “qualification” “hobbies” “interests” “Future plans” and “Address for communication”. Apply
    font and color styles on this page.
     INPUT
    <!DOCTYPE html>
    <html>

    <head>
    <title>Description</title>
    </head>

    <body style="color:green; font-family:times new roman; font-size:160%; background-


    color:orange;">
    <p>I, Khushi Chadha,am pursuing BBA from Tecnia Institute of Advanced Studies, Rohini.
    I'm in 2nd year of college.</p>

    <h2>Qualification</h2>

    <h2>Hobbies</h2>

    <h2>Interests</h2>

    <h2>Future Plans</h2>

    <h2>Address for communication</h2>


    </body>
    </html>
    PROGRAM-2: OUTPUT
    PROGRAM-3

    3. Create a webpage to mention your academic and professional qualification. Place a bookmark
    at an appropriate place and save the page as qualification. Link this page to subheading of
    Qualification in previous page.
     INPUT
    <!DOCTYPE html>
    <html>

    <head>
    <title>Qualification</title>
    </head>

    <body style="color:black; font-family:times new roman; font-size:100%; background-


    color:power blue;">
    <p>
    <a href="#High School">High School</a>
    </p>

    <h4>Academic Qualification</h4>
    <ul style="list-style-type:circle">

    <li>High School</li>

    <li>Graduation- BBA</li>
    </ul>
    <h4>Professional Qualification</h4>

    <ul style="list-style-type:circle">
    <li>Worked as intern in Edu shedu</li>
    </ul>
    <a href="prog2.html#Qualification">Back to my Description</a>

    </body>
    </html>
    PROGRAM-3 : OUTPUT
    PROGRAM-7

     Create a webpage with any information listed in nested form using ordered and unordered list.
     INPUT
    <html>
    <head>
    <title>Nested List</title>
    </head>
    <body>

    <ul style="list-style-type:circle">
    <li>My Favourite Shows
    <ol type="1">
    <li>The Walking Dead</li>
    <li>Breaking Bad</li>
    <li>HIMYM</li>
    </li>
    </ol>
    <li>My Favourite Characters
    <ol type="1">
    <li>Pinkman</li>
    <li>Mike</li>
    <li>Negan</li>
    <li>Darryl</li>
    <li>Barney</li>
    </ol>
    </li>
    </ul>
    </body>
    </html>
    PROGRAM-4: OUTPUT
    PROGRAM-8
     Create a webpage displaying five different images Using alternative text, using <img>tag.
     INPUT
    <!DOCTYPE html >

    <html>
    <head>
    <title>using IMG tag</title>
    </head>
    <body>
    <h1>Random Images</h1>
    <img src="C:\Users\Public\Pictures\Sample Pictures\cat.jpg" alt="Cat and Rat" width="200"
    height="200" />
    <img src="C:\Users\Public\Pictures\Sample Pictures\dog.jpg" alt="Dog" width="200"
    height="200" />
    <img src="C:\Users\Public\Pictures\Sample Pictures\Lens.jpg" alt="Lens" width="200"
    height="200" />
    <img src="C:\Users\Public\Pictures\Sample Pictures\Sunf (1).jpg" alt="Sunflower"
    width="200" height="200" />
    <img src="C:\Users\Public\Pictures\Sample Pictures\Cycle.jpg" alt="Cycle" width="200"
    height="200" />
    </body>
    </html>
    PROGRAM-8: OUTPUT
    PROGRAM-9
     Create a table using <table> tag and all the attributes like cell spacing, cell paddling, caption,
    border, etc.
     INPUT
    <!DOCTYPE html>
    <html>
    <head>
    <title>Table with different attributed</title>
    </head>
    <style>
    table, th, td {
    border: 2px solid blue;
    padding: 5px;
    text-align: left;
    }
    table {
    border-spacing: 15px;
    }
    </style>
    </head>
    <body>
    <table cellspacing="10">
    <caption>Student Details</caption>
    <tr>
    <th>Name</th>
    <th>Course</th>
    <th>Year</th>
    <th>Interest</th>
    </tr>
    <tr>
    <td>Josh</td>
    <td>Mass Media</td>
    <td>2nd</td>
    <td>Cycling</td>
    </tr>
    <tr>
    <td>Rick</td>
    <td>M.Tech</td>
    <td>1st</td>
    <td>Reading</td>
    </tr>
    <tr>
    <td>Hannah</td>
    <td>Psychology</td>
    <td>3rd</td>
    <td>Playing Guitar</td>
    </tr>
    <tr>
    <td>Ryan</td>
    <td>Btech</td>
    <td>1st</td>
    <td>Playing Video Games</td>
    </tr>
    </table>

    </body>
    </html>
    PROGRAM-9: OUTPUT
    PROGRAM-10
     Write an HTML program to implement <frameset> and <frame> tag.
     INPUT

    <!DOCTYPE html>
    <html>
    <head>
    <title>Implementing Frameset and frame tag</title>
    </head>

    <frameset cols="25%,*,25%">
    <frame src="a.html">
    <frame src="b.html">
    <frame src="c.html">
    </frameset>

    </html>
    PROGRAM-10: OUTPUT
    PROGRAM-11

     Create a webpage of interests and link to interests link.


     INPUT
    <!DOCTYPE html>
    <html>
    <head>

    <title>Webpage with a link</title>

    </head>

    <body>

    <h1>Information about interest and its types</h1>

    <div>Interest is a feeling or emotion that causes attention to focus on an object, event, or


    process. In contemporary psychology of interest,the term is used as a general concept that may
    encompass other more specific psychological terms, such as curiosity and to a much lesser
    degree surprise.[citation needed]
    The emotion of interest does have its own facial expression, of which the most prominent
    component is having dilated pupils.</div>

    <div>Examples: Dancing, playing, singing, listening Music,etc. For more info click the link
    below,</div>

    <p><a href="https://en.wikipedia.org/wiki/Interest_(emotion)">Please read and


    comment</a></p>

    </body>

    </html>
    PROGRAM-11: OUTPUT

    You might also like