Recents in Beach

Html Practice Set For BCA

Launchpad web developers August 29, 2020

 Html Practice Set For BCA


QUESTION 1 & 2 :

Code:

Rotate your phone to see table:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>My First Html Page</title> <!--You Can Write anything here to change the text-->

</head>

<body style="background-color:blue">

      

   <h1 style="text-align: center;">LAUCHPADLWD BLOG</h1> <!--You Can Write anything here to change the text-->

   <h2 style="text-align: left;">LAUNCHPADLWD BLOG</h2>

   <h3 style="text-align: right;">LAUNCHPADLWD BLOG</h3>

   <H4>LAUNCHPADLWD BLOG</H4>

   <H5>LAUNCHPADLWD BLOG</H5>

   <H6>LAUNCHPADLWD BLOG</H6>

</body>

</html>

Output:


To Study Heading Tags Please Visit This Link: 

QUESTION 3 & 4 :

Rotate your phone to see table:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>LAUNCHPADLWD</title>                     <!--You Can Write anything here to change the text-->

</head>

<body>

    <h1 style="font-family: monotype corsiva;size: 10mm;color: red;">"<B>WELCOME TO LAUNCHPADLWD</B></h1>

</body>

</html>

Output :

To Study Bold Tag Please Visit This Link:

QUESTION 5 :

Rotate your phone to see table:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>LAUNCHPADLWD</title> <!--You Can Write anything here to change the text-->

</head>

<body>

    <h1 style="font-family: monotype corsiva;size: 10mm;color: red;"><i><u>"WELCOME TO LAUNCHPADLWD</u></i></h1>

</body>

</html>


Output :


To Study Italic Tag Please Visit This Link:


QUESTION 6 :

Rotate your phone to see table:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>LAUNCHPADLWD</title> <!--You Can Write anything here to change the text-->

</head>

<body> 

    <p style="color: magenta;font-family: Arial, Helvetica, sans-serif;"><i><u>&ldquo;LAUNCHPADLWD &rdquo;</u></i></p>

    <!--&bdquo is for right inverted coms ;-->

</body>

</html>                                                                                                             

   


Output :


FOR ANY QUERIES COMMENT BELOW 

Project 2:


QUESTION 1 :

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>LAUNCHPADLWD</title> <!--You Can Write anything here to change the text-->

</head>

<body> 

    <p>a<sup>2</sup>b+c<sup>3</sup>a<sup>2</sup>b</p> <!--You Can Write anything here to change the text-->

</body>

</html>                                                                                                             


Output :



<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>LAUNCHPADLWD</title> <!--You Can Write anything here to change the text-->

</head>

<body> 

    <strike>LAUNCHPADLWD blog</strike> <!--You Can Write anything here to change the text-->

</body>

</html>                                                                                                             

   



<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>LAUNCHPADLWD</title> <!--You Can Write anything here to change the text-->

</head>

<body> 

    <pre>

          * * * *

           * *

            *

           * *

         * * * * 

        </pre> <!--You Can Write anything here to change the text it will show exact as you type-->

</body>

</html>

Q4

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>LAUNCHPADLWD</title> <!--You Can Write anything here to change the text-->

</head>

<body> 

    <pre>

          hii   hello   LAUNCHPADLWD

          blog  four    how are you

          hii   hello   LAUNCHPADLWD

          blog  four    how are you

          hii   hello   LAUNCHPADLWD

 

        </pre> <!--You Can Write anything here to change the text-->

</body>

</html>

For Question 5 Refer hr Tag :


Project 3:

Q1

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Launchpadlwd blog </title>

</head>

<body>

  <marquee behavior="" direction="left">Welcome To Launchpadlwd Blog</marquee> 

  <!--text will  move to left direction-->

  <marquee behavior="" direction="right">Welcome To Launchpadlwd Blog</marquee> 

 <!--text will  move to Right direction-->

</body>

</html>

 

Q2 to Q5

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Launchpadlwd blog </title>

</head>

<body>

 

  <h3>Ordered list:</h3>

  <ol type="1">

  <li>LAPTOP</li>

  <li>PHONE</li>

  <li>IPAD</li>

  <li>DESKTOP</li>

  <li>MOUSE</li>

  </oL>

 

  <h3> Ordered list: </h3>

  <ul>

  <li>LAPTOP</li>

  <li>PHONE</li>

  <li>IPAD</li>

  <li>DESKTOP</li>

  <li>MOUSE</li>

  </ul>

 

</body>

</html>

 

Project 4:

<!DOCTYPE html>

<html>

<head>

    <style>

        li{color: rgb(207, 15, 15);}

    </style>

</head>   

<body>

    <p style="color: magenta;font-family: Arial, Helvetica, sans-serif;"><i><u>&ldquo;LAUNCHPADLWD   &rdquo;</u></i></p>

 

<h2>Unordered List with Circle Bullets</h2>

   

<ul style="list-style-type:disc">

    <li>Grocery list</li>

</ul> 

 

<ul style="list-style-type:circle">

      <li>Bread</li>

      <li>Eggs</li>

      <li>Milk</li>

      <li>Coffee</li>

 

      <ul style="list-style-type:disc">

        <li>vegetables</li>

    </ul> 

   

    <ul style="list-style-type:circle">

          <li>tomato</li>

          <li>potato</li>

          <li>adsad</li>

          <li>Casdsa</li>

</ul>  

</body>

</html>

Q5 & 6

<!DOCTYPE html>

<html lang="en">

 

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>LAUNCHPADLWD BLOG</title>

</head>

 

<body>

    <a href="#1">What Is launchpad</a><br>

    <!--You Can Write anything here to change the text-->

    <a href="#2">Introduction to launchpad</a><br>

    <a href="#3">Features of launchpad</a><br>

 

 

    <br><a id="1"><b>What Is launchpad</b>

        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero debitis beatae ducimus soluta eaque adipisci

            nesciunt similique eos provident voluptas ab. Non quis sed obcaecati, vol

            quas

            vel dolorem!</p>

    </a>

    <br><a id="2"><b>Introduction to Lunchpad</b>

        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates tempora praesentium soluta magni tenetur

            inventore, quos quaerat voluptatum ab modi nisi, nulla, alias nesciunt. Nihil cumque libero ex id corporis.

            Cum quis qui no.

            Ullam modi cupiditate fugiat reiciendis autem perspiciatis temporibus officia accusantium sed.</p>

    </a>

 

 

   <br> <a id="3"><b>Features of launchpad</b>

        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Soluta amet atque voluptatibus laboriosam sit enim.

            Ullam modi cupiditate fugiat reiciendis autem perspiciatis temporibus officia accusantium sed.</p>

    </a>

</body>

 

</html>

project 9

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        table, th, td {

  border: 1px solid black;

  border-collapse: collapse;

}

   #he{

       background-color: yellow;

   }

   #ab{

      background-color: black;

      color:yellow;

   }

  

    </style>

</head>

<body>

    <h2>RUPESH JHA</h2>

 

<table style="width:50%">

  <tr id="he">

    <th colspan="3">Health is Wealth</th>

  </tr>

  <tr>

    <th>Fruits</th>

    <th>Vegetables</th>

    <th>image</th>

  </tr>

  <tr>

    <td><ul><li>Apples</li></ul></td>

    <td><ol><li>Potato</li></ol></td>

    <th rowspan="4"><img src="images/bodylogo.png" height="112px"></th>

  </tr>

  <tr>

    <td><ul><li>Mangoes</li></ul></td>

    <td><ol start="2"><li>Tomato</li></ol></td>

  </tr>

    <tr>

     <td><ul><li>Banana</li></ul></td>

     <td><ol start="3"><li>Onion</li></ol></td>

    </tr>

  <tr id="ab">

     <td colspan="2">An Apple A day Keeps the Doctor Away</td> 

   </tr>

</table>

</body>

</html>

project 11

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Forms in html</title>

</head>

<body>

   <h2>Registration Form</h2>

   <form action="" id="regform">

    <label for="name">Name:</label>

    <input type="text" id="name"><br><br> 

    <label for="psd">Password:</label>

    <input type="text" id="psd"><br><br>

    <label for="adrs">Address:</label><br><br>

    <textarea name="" id="regform" cols="30" rows="4"></textarea><br><br>

    <label for="Gender">Gender</label> <br>

    <input type="radio" id="gen"> <br>

    <label for="Gender"></label>

    <input type="radio" id="gen" ><br><br>

    <label for="country">Country</label>

    <select name="country" id="country" > <br>

        <option value="America">America</option>

        <option value="Australia">Australia</option>

        <option value="Afica">Africa</option>

        <option value="Antatica">Antatica</option>

        <option value="banglades">Bangladesh</option>

        <option value="china">China</option>

        <option value="England">England</option>

        <option value="France">France</option>

        <option value="germany">Germany</option>

        <option value="hongkong">Hongkong</option>

        <option value="india">India</option>

        <option value="zimbawe"></option> <br>

     

    </select> <br> <br>

    <input type="submit" value="submit">

    <input type="reset"  value="reset"> 

   </form>

</body>

</html>

Tags:

Post a Comment

0 Comments

Please do not enter any spam links in the comment box