Scribd Logo
Upload

Welcome to Scribd!

  • HTML Hands-On & MCQ

    Uploaded by

    Stark
    1K views11 pages
    The document provides instructions for completing 7 HTML exercises: 1. Add a header to an HTML page 2. Add navigation links to an HTML page 3. Add a footer to an HTML page 4. Create an HTML registration form 5. Add audio players to an HTML page 6. Add video players with controls to an HTML page 7. Draw shapes on an HTML canvas using JavaScript It includes the code to add basic elements for each exercise and instructions to complete the code.

    Original Description:

    Original Title

    HTML Hands-on & Mcq

    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
    The document provides instructions for completing 7 HTML exercises: 1. Add a header to an HTML page 2. Add navigation links to an HTML page 3. Add a footer to an HTML page 4. Create an HTML registration form 5. Add audio players to an HTML page 6. Add video players with controls to an HTML page 7. Draw shapes on an HTML canvas using JavaScript It includes the code to add basic elements for each exercise and instructions to complete the code.

    Copyright:

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

    HTML Hands-On & MCQ

    Uploaded by

    Stark
    The document provides instructions for completing 7 HTML exercises: 1. Add a header to an HTML page 2. Add navigation links to an HTML page 3. Add a footer to an HTML page 4. Create an HTML registration form 5. Add audio players to an HTML page 6. Add video players with controls to an HTML page 7. Draw shapes on an HTML canvas using JavaScript It includes the code to add basic elements for each exercise and instructions to complete the code.

    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 11

    https://www.notesbureau.com/2021/08/html-mcqs-answers-fresco-play.

    html

    NOTE:-

    Please follow the below steps before Run Tests to run your code successfully otherwise you will
    face some server issues even Hands-On code is correct.

    Step 1: Run->Install
    Step 2: Run->Run
    Step 3: Run Tests

    1.Html5-header(15 Min)

    File Name: index.html

    <!DOCTYPE html>

    <html>
    <head>

    <link rel="icon" href="favicon.png" type="image/png">

    <title>Destiny</title>

    <link href="mystyle.css" rel="stylesheet" type="text/css">

    </head>

    <body>

    <header>

    <a><h1>WELCOME TO MY PAGE<h1></a>

    </header>

    </body>

    </html>

    2.HTML5 Navigation(20 Min)


    File Name: index.html

    <!DOCTYPE html>

    <html>

    <head>

    <link href="mystyle.css" rel="stylesheet" type="text/css">

    </head>

    <body>

    <nav>

    <a>HOME</a> |

    <a>Blog</a> |

    <a>Videos</a> |

    <a>About Me</a>

    </nav>

    </body>

    </html>

    3.Html5-footer(15 Min)
    File Name: index.html

    <!DOCTYPE html>

    <html>

    <head>

    <link rel="icon" href="favicon.png" type="image/png">

    <title>Destiny</title>

    <link href="mystyle.css" rel="stylesheet" type="text/css">

    </head>

    <body>

    <footer>

    <p>Copyright @ NOTES BEREAU</p>


    </footer>

    </body>

    </html>

    4.HTML 5 Registration(25 Min)

    File Name: index.html

    <!DOCTYPE html>

    <html>

    <head>

    <link rel="icon" href="favicon.png" type="image/png">

    <title>Destiny</title>
    <link href="mystyle.css" rel="stylesheet" type="text/css">

    </head>

    <body>

    //write your code here

    <h1>Registration Form</h1>

    <form>

    Name: <input type="text">

    Date of Birth: <input type="date">

    country: <input list="country">

    <datalist id="country">

    <option value="India">

    <option value="United States">

    <option value="United Kingdom">

    <option value="Australia">

    <option value="France">

    </datalist>

    Phone number: <input type="tel">

    Email: <input type="email">

    website: <input type="url">

    </form>

    </body>

    </html>

    5.Html5-Audio(20 Min)  | html5-music player


    File Name: index.html

    <!DOCTYPE html>

    <html>

    <head>

    <link rel="icon" href="favicon.png" type="image/png">

    <title>Destiny</title>

    <link href="mystyle.css" rel="stylesheet" type="text/css">

    </head>

    <body>

    // write your code

    <audio controls>
    <source src="SampleAudio.mp3" type="audio/mpeg">

    </audio>

    <audio controls preload="none">

    <source src="SampleAudio.mp3" type="audio/mpeg">

    </audio>

    <audio controls loop>

    <source src="SampleAudio.mp3" type="audio/mpeg">

    </audio>

    </body>

    </html>

    6.HTML5-Video Player(25 Min)


    File Name: index.html

    <!DOCTYPE html>

    <html>

    <head>

    <link rel="icon" href="favicon.png" type="image/png">

    <title>Destiny</title>

    <link href="mystyle.css" rel="stylesheet" type="text/css">

    </head>

    <body>

    //write your code here

    <video controls autoplay>

    <source src="video.mp4" type="video/mp4">

    </video>

    <video controls preload="none">

    <source src="video.mp4" type="video/mp4">

    </video>

    <video controls poster="https://cdn12.picryl.com/photo/2016/12/31/lego-stones-plastic-


    education-8b9a7d-1024.jpg">

    <source src="video.mp4" type="video/mp4">

    </video>

    </body>

    </html>
    7.HTML5 Canvas(25 Min)

    File Name: index.html

    <!DOCTYPE html>

    <html>

    <head>

    <link rel="icon" href="favicon.png" type="image/png">

    <title>Destiny</title>

    <link href="mystyle.css" rel="stylesheet" type="text/css">

    </head>

    <body>

    <canvas id="GFG"
    width="600"

    height="400">

    </canvas>

    <script>

    var x =

    document.getElementById("GFG");

    var ctx = x.getContext("2d");

    ctx.strokeRect(20, 20, 200, 100);

    ctx.stroke();

    </script>

    </body>

    </html>

    You might also like