Scribd Logo
Upload

Welcome to Scribd!

  • Embedded Indian font pollution webpage</title

    Uploaded by

    Alpha College
    21 views15 pages

    Original Title

    12thpract_groupA_

    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
    21 views15 pages

    Embedded Indian font pollution webpage</title

    Uploaded by

    Alpha College

    Copyright:

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

    Practical 1 (Creation of a Website)

    First.html
    <html>
    <head>
    <title>Alpha Jr College of Science and commerce</title>
    </head>
    <body background="Desert.jpg" link="red">
    <h1 align="center"> Alpha College of Science and commerce</h1>
    <h3>Various department in College</h3>
    <b>Physics Department</b><br><br>
    <i>Chemistry Department</i><br><br>
    <strong>IT Department </strong><br><br>
    <u>IT Department </u><br><br>
    <tt>Maths Department </tt><br>
    <a href="secondpage.html">Second Page</a><br>
    <a href="thirdpage.html">Third Page</a>
    </body>
    </html>
    Second.html
    <html>
    <head>
    <title>Alpha Jr College of Science and commerce</title>
    </head>
    <body bgcolor="aqua">
    <h1 align="center"> Subject in XII Science</h1>
    <ol type="A">
    <li>Physics</li>
    <li>Chemistry</li>
    <li>Biology</li>
    <li>Maths</li>
    <li>IT</li>
    </ol>
    <a href="first.html">
    <img src="C:\Users\Public\Pictures\Sample Pictures\Koala.jpg"
    width="200"></a><br><br>
    <a href="thirdpage.html">Third page</a><br><br>
    </body>
    </html>
    Thirdpage.html
    <html>
    <head>
    <title>Alpha Jr College of Science and commerce</title>
    </head>
    <body bgcolor="green">
    <h1 align="center"> Student Registration Form </h1>
    <form name="f1">
    Enter Name
    <input type="text" name="t1"> <br><br>
    Enter Password
    <input type="password" name="t2"><br><br>
    Enter Address<br>
    <textarea name="t3" rows="10"></textarea><br><br>
    Select Gender
    <input type="radio" name="r1">Male
    <input type="radio" name="r1">Female <br><br>
    <input type="submit" name="b1" value="Submit">
    <input type="reset" name="b2">
    </form>
    <a href="secondpage.html">Second Page</a><br><br>
    </body>
    </html>
    PRACTICAL 2(Creation of a website using Frames)
    CSS1.html
    <html>
    <head>
    <title> Information Technology</title>
    <style>
    h1{font -family:Monotype corsiva;border-style:dashed;border-color:red}
    b{font-size:35pt;font-style:italic}
    body{background-color:pink}
    </style>
    </head>
    <body>
    <h1 align ="center">Information Technology</h1>
    <b> Web designing</b>
    </body>
    </html>

    CSS2.html
    <html>
    <head>
    <title>Alpha College</title>
    <style>
    h1{font -family:Comic Sans MS;border-style:double;border-color:green}
    body{background-color:aqua}
    i{text-decoration:overline}
    </style>
    </head>
    <body>
    <h1 align ="center">Alpha College<h1>
    <i> information technology</i>
    </body>
    </html>

    Link1.html
    <html>
    <head>
    <title>Alpha College</title>
    </head>
    <body>
    <center>
    <a href="css1.html" target="f3">Hyperlink1</a>
    </body>
    </html>
    Link2.html
    <html>
    <head>
    <title>ABC College</title>
    </head>
    <body>
    <center>
    <a href="css2.html" target="f3">Hyperlink2</a>
    </center>
    </body>
    </html>

    Frame.html
    <html>
    <frameset rows="*,*">
    <frameset cols="*,*">
    <frame src="link1.html" name="f1">
    <frame src="link2.html" name="f2">
    </frameset>
    <frame src=" " name="f3">
    </frameset>
    </html>
    Practical 3
    <html>
    <head>
    <title> image mapping </title>
    </head>
    <body>
    <h1 align="center"> client image mapping </h1>
    <img src="C:\Users\Public\Pictures\Sample Pictures\Tulips.jpg" usemap="#tulips" height="650" width="850">
    <map name="tulips">
    <area shape="circ" coords="287,224,60" href="http://www.gmail.com" alt="gmail">
    <area shape="rect" coords="350,450,650,750" href="http://www.google.com" alt="google">
    <area shape="poly" coords="48,169,142,234,50,248" href="http://www.yahoo.com" alt="yahoo">
    </map>
    </body>
    </html>
    Practical 4(Hyperlink on a web page using server side image mapping)
    servermapping.html
    <html>
    <head>
    <title>server side image mapping</title>
    </head>
    <body>
    <h1 align="center">server side image</h1>
    <a href="http://info.map">
    <img src="image.jpg"ISMAP>
    </a>
    </body>
    </html>

    Info.map
    default http://servermapping.html
    rect 443,16,177,52 http://www.yahoo.com
    circ 90,141,50 http://www.gmail.com
    poly 202,125,139,236,250,297,206,220,289,192
    Practical 5(Use of Audio and animation on web pages)
    Audiowithcontrol.html
    <html>
    <head>
    <title>Audio and Animation with control</title>
    <body>
    <h1 align="center" Audio and Animation with Control></h1>
    <embed src="sound.wma">
    <h3>Animated Image</h3>
    <img src="clock.gif" eidth="100" height="100" alt="Digital">
    </body>
    </head>
    </html>
    Audiowithoutcontrol.html
    <html>
    <head>
    <title>Audio and Animation without control</title>
    <body>
    <h1 align="center"> Audio and Animation without Control</h1>
    <bgsound src="sound.wma">
    <h3>Animated Image</h3>
    <img src="clock.gif" eidth="100" height="100" alt="Digital">
    </body>
    </head>
    </html>
    Practical 6(Use of Video on WebPages)

    Withcontrol.html
    <html>
    <head>
    <title>Video without Control</title>
    </head>
    <body>
    <h1 align="center"> Video Without Control</h1>
    <embed src="sample.avi" loop="2" width="500" height="500">
    </body>
    </html>
    Withoutcontrol.html
    <html>
    <head>
    <title>Video without Converter</title>
    </head>
    <body>
    <h1 align="center"> Video Without Control</h1>
    <img dynsrc="sample.avi" loop="2" width="500" height="500">
    </body>
    </html>
    Practical 7(Cross Browser Testing and Differences in Rendering)
    CrossBT.html
    <html>
    <head><title>Cross browser Testing</title>
    </head>
    <body bgcolor="aqua">
    <h1 align="center"></h1>
    <marquee direction="right">Cross Browser Testing</marquee>
    <marquee>Cross Browser Testing</marquee>
    <img src="XYZ.jpg" alt="broken img">
    <hr><blink>This text will not blink in internet explorer</blink>
    <table border="6" bordercolordark="green"
    boardercoloerlight="yellow" cellpading="20">
    <tr><th>Chapter no</th>
    <th>chapter name</th>
    <th>Marks</th></tr>
    <tr><td>1</td><td>Web Publication</td>
    <td> 30</td></tr>
    <tr><td>2</td><td>E-Commerce</td>
    <td>08</td></tr>
    </body>
    </html>
    OUTPUT IN FIREFOX

    OUTPUT IN GOOGLE CHROME

    OUTPUT IN INTERNET EXPLORER


    In every browser and platform the website will look and work differently.
    Every web browser comes with variations and differences in the way a web page is displayed
    and works.

    OBSERVATIONS:

    1. <bgsound> tag is only supported by Internet Explorer and not by Netscape Navigator,
    Chrome, Firefox, Opera, etc..
    2. Broken image - an image in a web page whose path is not found or path is wrong or file
    name is given is wrong. Internet Explorer shows broken images with a red color sign along
    with alternative text. In Netscape Navigator, it shows 3 color dots with alternative text.

    3. <hr> tag Horizontal rule - The appearance is different in browsers. In Internet Explorer
    it shows 3D effect, whereas in Netscape Navigator it show rule (line) in regular manner.
    4. bordercolorlight and bordercolordark - attributes of <table> tag are supported in
    Internet Explorer but not supported in Netscape Navigator.
    5. bgproperties=fixed - This attribute used in <body> tag makes background image water
    marked in Internet Explorer, but moves with text in Netscape Navigator.
    6. Outset Border - Outset border style given to paragraph tag is shown in Internet Explorer
    and not in Netscape navigator.
    7. <blink> tag is not supported in Internet Explorer and other browsers which blinks the
    text, but supported in Netscape Navigator.
    Practical 8(Use of an Embedded Indian font on a Webpage)
    <html>
    <head>
    <title> Embedded </title>
    </head>
    <body>
    <h1 align="center"> Pollution in India</h1>
    <center><h2> दू ष ण</h2></center>
    दु षण जीवन के िलए हािनकारक असामा य ाकृितक अव था या प रि थित दू षण कहलाता है
    दू षण कई तरह के होते है
    उदाहरण के िलए जल दू षण,वायु दू षण और विन दु षण
    मानव दवारा ाकृितक संसाधन का अनु िचत दोहन दू षण का मु य कारण है|
    </body>
    </html>

    You might also like