Scribd Logo
Upload

Welcome to Scribd!

  • 14 views

    Internet and Application Practical

    Uploaded by

    saurabh singh gahlot
    The document contains the responses to 15 questions about HTML and JavaScript concepts. It includes code snippets demonstrating various HTML tags like headings, paragraphs, lists, tables, forms and links. It also shows how to add images, format text, create frames and layout pages. The JavaScript questions demonstrate functions like alert, confirm boxes and manipulating elements.

    Copyright:

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

    You might also like

    Internet and Application Practical

    Uploaded by

    saurabh singh gahlot
    14 views16 pages
    The document contains the responses to 15 questions about HTML and JavaScript concepts. It includes code snippets demonstrating various HTML tags like headings, paragraphs, lists, tables, forms and links. It also shows how to add images, format text, create frames and layout pages. The JavaScript questions demonstrate functions like alert, confirm boxes and manipulating elements.

    Original Description:

    PPT

    Original Title

    internet and application practical

    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
    The document contains the responses to 15 questions about HTML and JavaScript concepts. It includes code snippets demonstrating various HTML tags like headings, paragraphs, lists, tables, forms and links. It also shows how to add images, format text, create frames and layout pages. The JavaScript questions demonstrate functions like alert, confirm boxes and manipulating elements.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    14 views16 pages

    Internet and Application Practical

    Uploaded by

    saurabh singh gahlot
    The document contains the responses to 15 questions about HTML and JavaScript concepts. It includes code snippets demonstrating various HTML tags like headings, paragraphs, lists, tables, forms and links. It also shows how to add images, format text, create frames and layout pages. The JavaScript questions demonstrate functions like alert, confirm boxes and manipulating elements.

    Copyright:

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

    Name=Saurabh Singh

    Class-Bca

    Roll no= BCAN1CA19038

    Subject-Internet and application

    Q1: Structure of HTML with basic tags.

    <html>

    <head>

    <title></title>

    </head>

    <body>

    <h1></h1>

    <h2></h2>

    <h3></h3>

    <h4></h4>

    <h5></h5>

    <h6></h6>

    <p></p>

    </body>

    </html>

    Q2: Design web pages with bold, italic, mark,

    underline etc.

    <html>

    <head>

    <title>First Website</title>

    </head>
    <body>

    <mark>My name is a</mark>Saurabh Singh</mark>

    <u><i><b><p>I am creating my first web page to Show my skills.</p></b></i

    ></u>

    </body>

    </html>

    Q3: Design web pages with images and marquee tags.

    <html>

    <head>

    <title>First Website</title>

    </head>

    <body style="background-image: url(Dp4ZemsWwAEzc4R.jpg);">

    <marquee width="40%" direction="up" height="30%">

    <h1 style="color: red;">This is a simple Scrolling text</h1>


    </marquee>

    </body>

    </html>

    Q4: Design HTML page with LISTS.

    <html>

    <head>

    <title>First Website</title>

    </head>

    <body>

    <ul>

    <li>coffee</li>

    <li>tea</li>

    <li>milk</li>

    </ul>

    <ol>

    <li>Flpkart</li>

    <li>Amazon</li>

    <li>E-bay</li>

    </ol>

    </body>

    </html>
    Q5: Separation a portion of web page with HR tag,

    also use HTML styles.

    <html>

    <head>

    <title>First Website</title>

    </head>

    <body>

    <p>I just create a web page</p>

    <hr align="center" size="50px" width="50px" noshade="noshade">

    <p>This tag is used by me many times but in practical file i used firsst

    times</p>

    </body>

    </html>
    Q6:Link web pages with anchor tags.

    <html>

    <head>

    <title>First Website</title>

    </head>

    <body>

    <p>I just create a web page</p>

    <hr align="center" size="50px" width="50px" noshade="noshade">

    <p>This tag is used by me many times but in practical file i used firsst

    times</p>

    <a href="file:///F:/html/html%20new/practical2.html"> second page</a>

    </body>

    </html>
    Q7: Design a web page using TABLE layout.

    <html>

    <head>

    <title>First Website</title>

    </head>

    <body>

    <table border="5" width="50%" height="20%">

    <tr>

    <th>Month</th>

    <th>Savings</th>

    </tr>

    <tr>

    <td>January</td>

    <td>100000</td>

    </tr>
    <tr>

    <td>february</td>

    <td>200000</td>

    </tr>

    </table>

    </body>

    </html>

    Q8: Design Forms using HTML.

    <html>

    <head>

    <title>First Website</title>

    </head>

    <body>

    <form action="path of your action file" method="type of method GET/POST">

    <input type="Name" value="Name">


    <input type="email" value="test@demo.com">

    <input type="password" value="password">

    <input type="date">

    <input type="time">

    <input type="checkbox" value="first">Male

    <input type="checkbox" value="first">female

    <input type="radio" value="First">First radio

    <input type="radio" value="Second">Second radio

    <textarea></textarea>

    <input type="Submit" value="Send">

    </form>

    </body>

    </html>

    Q9: Design a web page using frames.

    <html>
    <head>

    <title>First Website</title>

    </head>

    <frameset rows="10%,80%,10%" cols="25%,50%,25%">

    <frame name="left" src="/html/top_frame.html"/>

    <frame name="center" src="/html/main_frame.html"/>

    <frame name="right" src="/html/bottom_frame.html"/>

    </frameset>

    <nonframes>

    <body>

    Your browser does not support frames

    </body>

    </nonframes>

    </html>

    Q10: Design a RESUME using various HTML tags


    <html>
    <head>
    <title>My Resume</title>
    </head>
    <body style="background-image: url(IMG_20200212_210149.jpg);">
    <div>
    <i><b><h2 style="color: red;" align="center">RESUME</h2></b></i>
    <i><b><h2 style="color: red;">Name:</h2></b></i>
    <i><b><h2 style="color:aqua;">Saurabh Singh </h2></b></i>
    <i><h3 style="color:red"> Address:</h3></i>
    <i><h3 style="color:aqua;"> 31/3,Mapline, jaipur cantt,jaipur
    </h3></i>
    <i><h3 style="color: red;"> Mobile Number:</h3></i>
    <i><h3 style="color:aqua;">8306598633 </h3></i>
    </div>
    <div>
    <h2 style="background
    color: black; color: white;" align="center">Academic Qualification</h2>
    <h3 style="color: aqua;"> 10th passed from CBSE board in the year 201
    7 </h3>
    <h3 style="color: aqua;"> 12th passed from CBSE board in the year 201
    9</h3>
    <h3 style="color: aqua;"> Bca from Itm University Gwalior in the year
    of 2022</h3>
    </div>
    <div>
    <h2 style="background
    color: black; color: white;" align="center">Skills</h2>
    <h3 style="color:white"> Python</h3>
    <h3 style="color:white"> Django</h3>
    <h3 style="color:white"> MS Office</h3>
    </div>
    <div>
    <h2 style="background
    color: black; color: white;" align="center">Internship</h2>
    <h3 style="color:white"> Data Entry:</h3>
    <h3 style="color: white;"> HC Layers And Co, Virtual Jan 2021 - Prese
    nt</h3>
    </div>
    <div>
    <h2 style="background
    color: black; color: white;" align="center">Personal Details</h2>
    <h2 style="color: white;">Father's name:</h2>

    <h3 style="color: blue;"> Ashok Kulshrestha</h3>


    <h2 style="color: white;"> Date Of Birth:</h2>
    <h3 style="color: blue;">08-jan-2003</h3>
    <h2 style="color: White;"> Sex:</h2>
    <h3 style="color: blue;"> Male</h3>
    <h2 style="color: white;">Nationality:</h2>
    <h3 style="color: blue;"> Indian</h3>
    <h2 style="color:white">Marital Status:</h2>
    <h3 style="color: blue;">Unmarride</h3>
    <h2 style="color: white;">Personal Details:</h2>
    <h3 style="color: blue;"> 4/207 U.I.T. Colony Bhiwadi , Tehsil- Tijar
    , Distt.- Alwar (Rajasthan) 301019</h3>
    <h2 style="color:white">Language:</h2>
    <h3 style="color: blue;"> English aand Hindi</h3>
    <h2 style="color: white;">Hobbies:</h2>
    <h3 style="color: blue;">Playing Badminton and chess</h3>
    </div>
    <div>
    <h2 style="background
    color: black; color: white;" align="center">DECLARATION</h2>
    <h3 style="color: blue;">I hereby declare that all information are gi
    ven above is true to the best of my knowledge.</h3>
    </div>
    </body>
    </html>

    Q11: Write a CSS program to put a border and image


    in the paragraph.
    <html>
    <head>
    <title>Second website</title>
    </head>
    <body style="background-image: url(Dp4ZemsWwAEzc4R.jpg);">
    <p style="border:blanchedalmond;">• Business development often focuses on
    goals that coincide with a
    company’s short-term and long-term growth, as well as analyzing
    potential business challenges. Conducting a regular analysis of
    systems and processes helps identify when a business may need to
    integrate an ERP system.
    • An ERP solution should be taken into consideration when existing
    business systems and processes are:
    • No longer function or function inefficiently
    (throttling/bottlenecking)
    • No longer support the growth of the company
    • Lack current security requirements to mitigate risk </p>
    </body>
    </html>
    Q12: Write a program for on by clicking image become
    large and by removing a mouse the image comes in
    its original size.
    <html>

    <head>
    <title>Second website</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
    * {
    box-sizing:border-box;
    }
    .zoom {
    padding: 50px;
    background-color: green;
    transition: transform .2s;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    }
    .zoom:hover {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    }
    </style>
    </head>
    <body>
    <h1>Zoom on hover</h1>
    <p> Hover over the div element</p>
    <div class="zoom"></div>
    </body>
    </html>

    Q13: Design a web page using VB Script.


    <html>
    <head>
    <script type = "text/vbscript">
    <!--
    Function sayHello()
    msgbox("Hello World")
    End Function
    //-->
    </script>
    </head>
    <body>
    <script type = "text/vbscript">
    <!--
    document.write("Hello World")
    //-->
    </script>
    <input type = "button" onclick = "sayHello()" value = "Say Hello" />
    </body>
    </html>
    Q14: Write a JavaScript program for alert function.
    <html>
    <head>
    <script type = "text/javascript">
    function fun() {
    alert ("This is an alert dialog box");
    }
    </script>
    </head>
    <body>
    <p> Click the following button to see the effect </p>
    <form>
    <input type = "button" value = "Click me" onclick = "fun();" />
    </form>
    </body>
    </html>
    Q15: Write a program to create popup boxes in
    JavaScript.
    <html>
    <head>
    <title>My page</title>
    </head>
    <body>
    <p>Click the button to display a confirm box.</p>
    <button onclick="myFunction()">Try it</button>
    <p id="demo"></p>
    <script>
    function myFunction() {
    var x;
    if (confirm("Press a button!") == true) {
    x = "You pressed OK!";
    } else {
    x = "You pressed Cancel!";
    }
    document.getElementById("demo").innerHTML = x;
    }
    </script>
    </body>
    </html>

    You might also like