Scribd Logo
Upload

Welcome to Scribd!

  • Xi HTML Sop

    Uploaded by

    muthusudalai742
    21 views8 pages
    Bb

    Original Title

    XI HTML SOP

    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
    Bb

    Copyright:

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

    Xi HTML Sop

    Uploaded by

    muthusudalai742
    Bb

    Copyright:

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

    Name:

    Roll No:

    Seat No:

    Standard:

    Division :

    SOP No: 1, 2, 3 & 4

    Signature:
    SOP 1: Write a program using HTML with following specifications.
    • The background colour should be green.
    • The text colour should be red.
    • The heading should be large in size as 'My First Web Page'.
    • Display a horizontal line after the heading.
    • Display your name in Bold, address in Italics and standard as 11th.

    Filename: sop1.html

    <!doctype html>
    <html>
    <head>
    <title>
    SOP 1 - Web Designing
    </title>
    </head>

    <body bgcolor="lightgreen" text="red">


    <h1>My First Web Page</h1>
    <hr color="yellow">
    <b> Name : Michelle Fernandes </b><br><br>
    <i> Address : Bright High School and Junior College, Village
    Road, Bhandup-w, Mumbai-400 078</i><br><br> Standard :
    11 <sup>th</sup>
    </body>
    </html>

    Output :
    SOP 2 : Create a web page with, following specification.
    • Image of any scientist with an alternate text as his name.
    • Create a paragraph related to information of that scientist.
    • Create a table of his/her inventions.

    Filename : sop2.html

    <!doctype html>
    <html>
    <head>
    <title>
    SOP 2 - Web Designing
    </title>
    </head>

    <body bgcolor="skyblue">
    <h1 align="center">Dr. A.P.J Abdul Kalam</h1>
    <hr>
    <img src="sample.jpg" height="300" width="300" alt="Dr. Abdul
    Kalam photo" align="right">
    <p>
    Dr. APJ Abdul Kalam is a famous name in the whole world. He is counted
    among the greatest scientists of the 21st century. Even more, he becomes the 11th
    president of India and served his country. He was the most valued person of the country
    as his contribution as a scientist and as a president is beyond compare.
    </p>
    <p>
    Apart from that, his contribution to the ISRO (Indian Space Research
    Organization) is remarkable. He headed many projects that contributed to the society also
    he was the one who helped in the development of Agni and Prithvi missiles. For his
    involvement in the Nuclear power in India, he was known as “Missile Man of India”.
    And due to his contribution to the country, the government awarded him with the highest
    civilian award.
    </p>
    <table border="2" align="center">
    <caption>Inventions</caption>
    <tr>
    <th>Sr.No</th>
    <th>Invention</th>
    </tr>
    <tr>
    <td>1</td>
    <td>Kalam Raju Stent</td>
    </tr>
    <tr>
    <td>2</td>
    <td>Kalam Raju Tablet</td>
    </tr>
    <tr>
    <td>3</td>
    <td>Lightweight Calipers</td>
    </tr>

    </table>
    </body>
    </html>

    Output :
    SOP 3 : Create a webpage with following specification.
    • Display heading 'Application Form' in highest heading with center
    alignment.
    • Accept name, standard 11th or 12 th with only one selection choice.
    • Submit the form.

    Filename: sop3.html

    <!doctype html>
    <html>
    <head>
    <title>
    SOP 3 - Web Designing
    </title>
    </head>

    <body>
    <h1 align="center"> Application Form</h1>
    <form name="form1">
    Enter your name :<input type="text" name="t1" maxlength="20"><br><br>
    Select Standard :
    <input type="radio" name="r1">11<sup>th</sup>
    <input type="radio" name="r1">12<sup>th</sup><br><br>
    <input type="submit" value="submit">
    </form>
    </body>
    </html>

    Output:
    SOP 4 : Write a program using HTML with the following specification.
    • A webpage with details about a class with total number of students-100, (Boys-
    50), Girls- 50 in tabular form.
    e.g.

    • Link this page to another page as follows.

    Filename: sop4.html
    <!doctype html>
    <html>
    <head>
    <title>
    SOP 4 - Web Designing
    </title>
    </head>

    <body>
    <table border="1">
    <tr bgcolor="orange">
    <th>Number of Students</th>
    <th>Boys</th>
    <th>Girls</th>
    </tr>
    <tr bgcolor="lightgreen">
    <td>100</td>
    <td>50</td>
    <td>50</td>
    </tr>
    </table>
    <br>
    <a href="demo.html">Click here</a>
    </body>
    </html>
    Filename : demo.html

    <html>
    <head>
    <title>
    Page 2
    </title>
    </head>

    <body>
    <table border="1">
    <tr>
    <td>
    <b>STD - XI</b>
    <br><br>
    <b><i> Stream - Science</i></b>
    <br><br>
    <u>Div - A</u>
    <br><br>
    </td>
    </tr>
    </table>
    </body>
    </html>
    Output:
    sop4.html
    demo.html

    You might also like