QuitExams

Question 1

ANSWER

Complete HTML Solution:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Table with Colspan</title>
</head>
<body>
    <strong>Cell that spans two columns:</strong><br>
    <table style="border-collapse: collapse; width: 100%;">
        <tr>
            <th>Name</th>
            <th colspan="2">Telephone</th>
        </tr>
        <tr>
            <td>Vikas Rawat</td>
            <td>9125577854</td>
            <td>8565557785</td>
        </tr>
    </table>
</body>
</html>

Answer

ANSWER

Complete HTML Solution:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Table with Colspan</title>
</head>
<body>
    <strong>Cell that spans two columns:</strong><br>
    <table style="border-collapse: collapse; width: 100%;">
        <tr>
            <th>Name</th>
            <th colspan="2">Telephone</th>
        </tr>
        <tr>
            <td>Vikas Rawat</td>
            <td>9125577854</td>
            <td>8565557785</td>
        </tr>
    </table>
</body>
</html>

Question 2

ANSWER

Complete HTML Solution:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web Pages Are Exciting Too</title>
</head>
<body>
    <p>This is my first paragraph in my new webpage. This is going to be great. I am so excited I can hardly contain myself. Don't you just love paragraphs? I find them very useful.</p>
    
    <h1>Web Pages Are Exciting Too</h1>
    
    <p>Yes, that's right - web pages can be a lot of fun. Learning how to create web pages is easy and entertaining. This is my second paragraph. I hope you like it.</p>
    
    <a href="https://www.google.com">Link to Google</a>
    
    <ul>
        <li>Apples</li>
        <li>Bananas</li>
        <li>Pears</li>
        <li>Oranges</li>
        <li>Grapes</li>
    </ul>
</body>
</html>

Answer

ANSWER

Complete HTML Solution:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web Pages Are Exciting Too</title>
</head>
<body>
    <p>This is my first paragraph in my new webpage. This is going to be great. I am so excited I can hardly contain myself. Don't you just love paragraphs? I find them very useful.</p>
    
    <h1>Web Pages Are Exciting Too</h1>
    
    <p>Yes, that's right - web pages can be a lot of fun. Learning how to create web pages is easy and entertaining. This is my second paragraph. I hope you like it.</p>
    
    <a href="https://www.google.com">Link to Google</a>
    
    <ul>
        <li>Apples</li>
        <li>Bananas</li>
        <li>Pears</li>
        <li>Oranges</li>
        <li>Grapes</li>
    </ul>
</body>
</html>

Question 3

ANSWER

Simple HTML and JavaScript Solution:

<!DOCTYPE html>
<html>
<head>
    <title>Simple Calculator</title>
</head>
<body>
    <h2>Simple Calculator</h2>
    <input type="number" id="num1" placeholder="Enter first number">
    <br>
    <input type="number" id="num2" placeholder="Enter second number">
    <br>
    <button onclick="add()">Add</button>
    <button onclick="subtract()">Subtract</button>
    <br>
    <div id="result">Result will appear here</div>

    <script>
    function add() {
        var num1 = parseInt(document.getElementById('num1').value);
        var num2 = parseInt(document.getElementById('num2').value);
        
        if (isNaN(num1) || isNaN(num2)) {
            document.getElementById('result').innerHTML = 'Please enter valid numbers';
            return;
        }
        
        var result = num1 + num2;
        document.getElementById('result').innerHTML = 'Result: ' + num1 + ' + ' + num2 + ' = ' + result;
    }

    function subtract() {
        var num1 = parseInt(document.getElementById('num1').value);
        var num2 = parseInt(document.getElementById('num2').value);
        
        if (isNaN(num1) || isNaN(num2)) {
            document.getElementById('result').innerHTML = 'Please enter valid numbers';
            return;
        }
        
        var result = num1 - num2;
        document.getElementById('result').innerHTML = 'Result: ' + num1 + ' - ' + num2 + ' = ' + result;
    }
    </script>
</body>
</html>

Answer

ANSWER

Simple HTML and JavaScript Solution:

<!DOCTYPE html>
<html>
<head>
    <title>Simple Calculator</title>
</head>
<body>
    <h2>Simple Calculator</h2>
    <input type="number" id="num1" placeholder="Enter first number">
    <br>
    <input type="number" id="num2" placeholder="Enter second number">
    <br>
    <button onclick="add()">Add</button>
    <button onclick="subtract()">Subtract</button>
    <br>
    <div id="result">Result will appear here</div>

    <script>
    function add() {
        var num1 = parseInt(document.getElementById('num1').value);
        var num2 = parseInt(document.getElementById('num2').value);
        
        if (isNaN(num1) || isNaN(num2)) {
            document.getElementById('result').innerHTML = 'Please enter valid numbers';
            return;
        }
        
        var result = num1 + num2;
        document.getElementById('result').innerHTML = 'Result: ' + num1 + ' + ' + num2 + ' = ' + result;
    }

    function subtract() {
        var num1 = parseInt(document.getElementById('num1').value);
        var num2 = parseInt(document.getElementById('num2').value);
        
        if (isNaN(num1) || isNaN(num2)) {
            document.getElementById('result').innerHTML = 'Please enter valid numbers';
            return;
        }
        
        var result = num1 - num2;
        document.getElementById('result').innerHTML = 'Result: ' + num1 + ' - ' + num2 + ' = ' + result;
    }
    </script>
</body>
</html>

Question 4

ANSWER

Simple HTML Solution:

<!DOCTYPE html>
<html>
<head>
    <title>Job Application Form</title>
</head>
<body>
    <h1>Job Application Form</h1>
    
    <form action="#" method="post">
        
        <h2>(I) Personal Information</h2>
        
        <p>
            <label for="firstName">First Name:</label>
            <input type="text" id="firstName" name="firstName" required>
        </p>
        
        <p>
            <label for="middleName">Middle Name:</label>
            <input type="text" id="middleName" name="middleName">
        </p>
        
        <p>
            <label for="lastName">Last Name:</label>
            <input type="text" id="lastName" name="lastName" required>
        </p>
        
        <p>
            <label>Gender:</label><br>
            <input type="radio" id="male" name="gender" value="male" required>
            <label for="male">Male</label><br>
            <input type="radio" id="female" name="gender" value="female">
            <label for="female">Female</label><br>
            <input type="radio" id="other" name="gender" value="other">
            <label for="other">Other</label>
        </p>
        
        <p>
            <label for="address">Address:</label><br>
            <textarea id="address" name="address" rows="4" cols="50" required></textarea>
        </p>
        
        <p>
            <label for="phone">Phone Number:</label>
            <input type="tel" id="phone" name="phone" required>
        </p>
        
        <h2>(II) Education Details</h2>
        
        <p>
            <label for="tenth">10th Standard (%):</label>
            <input type="number" id="tenth" name="tenth" min="0" max="100" required>
        </p>
        
        <p>
            <label for="twelfth">12th Standard (%):</label>
            <input type="number" id="twelfth" name="twelfth" min="0" max="100" required>
        </p>
        
        <p>
            <label for="graduation">Graduation (%):</label>
            <input type="number" id="graduation" name="graduation" min="0" max="100" required>
        </p>
        
        <p>
            <label for="others">Others (Certifications, etc.):</label><br>
            <textarea id="others" name="others" rows="3" cols="50"></textarea>
        </p>
        
        <h2>(III) Experience</h2>
        
        <p>
            <label for="experience">Experience (in months):</label>
            <input type="number" id="experience" name="experience" min="0" required>
        </p>
        
        <p>
            <label for="skills">Skills & Expertise:</label><br>
            <textarea id="skills" name="skills" rows="4" cols="50" placeholder="List your technical skills, programming languages, tools, etc."></textarea>
        </p>
        
        <p>
            <input type="submit" value="Submit Application">
        </p>
    </form>
</body>
</html>

Answer

ANSWER

Simple HTML Solution:

<!DOCTYPE html>
<html>
<head>
    <title>Job Application Form</title>
</head>
<body>
    <h1>Job Application Form</h1>
    
    <form action="#" method="post">
        
        <h2>(I) Personal Information</h2>
        
        <p>
            <label for="firstName">First Name:</label>
            <input type="text" id="firstName" name="firstName" required>
        </p>
        
        <p>
            <label for="middleName">Middle Name:</label>
            <input type="text" id="middleName" name="middleName">
        </p>
        
        <p>
            <label for="lastName">Last Name:</label>
            <input type="text" id="lastName" name="lastName" required>
        </p>
        
        <p>
            <label>Gender:</label><br>
            <input type="radio" id="male" name="gender" value="male" required>
            <label for="male">Male</label><br>
            <input type="radio" id="female" name="gender" value="female">
            <label for="female">Female</label><br>
            <input type="radio" id="other" name="gender" value="other">
            <label for="other">Other</label>
        </p>
        
        <p>
            <label for="address">Address:</label><br>
            <textarea id="address" name="address" rows="4" cols="50" required></textarea>
        </p>
        
        <p>
            <label for="phone">Phone Number:</label>
            <input type="tel" id="phone" name="phone" required>
        </p>
        
        <h2>(II) Education Details</h2>
        
        <p>
            <label for="tenth">10th Standard (%):</label>
            <input type="number" id="tenth" name="tenth" min="0" max="100" required>
        </p>
        
        <p>
            <label for="twelfth">12th Standard (%):</label>
            <input type="number" id="twelfth" name="twelfth" min="0" max="100" required>
        </p>
        
        <p>
            <label for="graduation">Graduation (%):</label>
            <input type="number" id="graduation" name="graduation" min="0" max="100" required>
        </p>
        
        <p>
            <label for="others">Others (Certifications, etc.):</label><br>
            <textarea id="others" name="others" rows="3" cols="50"></textarea>
        </p>
        
        <h2>(III) Experience</h2>
        
        <p>
            <label for="experience">Experience (in months):</label>
            <input type="number" id="experience" name="experience" min="0" required>
        </p>
        
        <p>
            <label for="skills">Skills & Expertise:</label><br>
            <textarea id="skills" name="skills" rows="4" cols="50" placeholder="List your technical skills, programming languages, tools, etc."></textarea>
        </p>
        
        <p>
            <input type="submit" value="Submit Application">
        </p>
    </form>
</body>
</html>

QuitExams

Real Exam Practice

Real Practical Practice

Solved Practical

Chapterwise MCQs

Other Links

Compulsory Modules

(If O Level not completed)

Elective - I

Elective - II

Other Links

Compulsory Modules

Elective Modules

Other Links

Practical Questions Practice

Q.1 - Create following HTML table using Colspan attribute

Q.2 - Create Following Web Page :

Web Pages Are Exciting Too

Q.3 - Make a calculator using JavaScript which accept two numeric values and perform arithmetic operations i.e Addition, Subtraction

Q.4 - Write a HTML code using CSS to create a job application form

Practical Modules

Popular Posts

Name	Telephone
Vikas Rawat	9125577854	8565557785

Practical Questions Practice

Q.1 - Create following HTML table using Colspan attribute

Q.2 - Create Following Web Page :

Web Pages Are Exciting Too

Q.3 - Make a calculator using JavaScript which accept two numeric values and perform arithmetic operations i.e Addition, Subtraction

Q.4 - Write a HTML code using CSS to create a job application form

Practical Modules

Popular Posts

Real Exam Practice - M1.R5

Chapter-wise Practice - M2.R5

Important Questions - M3.R5