Featured Post

Class 10 | Computer Science | Chapter 2 | HTML and CSS 3 (PART-III)

 

Class 10 Computer Science Chapter 2 HTML5 And CSS3 (Part 3)

Part – III : LINKS, FRAMES AND FORMS IN HTML 5



TEXTUAL QUESTIONS AND ANSWERS

EXERCISE

I. FILL IN THE BLANKS:

1. The web pages of a website are linked to eash other using _____.

Ans: Hyperlink.

2. The attribute ____ is used to create a hyperlink between two or more HTML codes.

Ans: Href.

3. When you move the mouse pointer over a link, the mouse pointer changes its shape from an arrow to a ___.

Ans: Pointing hand.

4. The ___ attribute of the <audio> tag indicates that you can replay the audio file once it is finished.

Ans: Loop.

5. The small rectangular areas created in the main browser window are known as _____.

Ans: Frames.

6. The ____ attribute of the frame tag tells the browser which HTML page to load into that frame.

Ans: Src.

7. _____ attribute of the frame tag attaches the default URL.

Ans: Src.

8. ____ allows multiple HTML documents to be presented as independent windows within one browser window.

Ans: Inline frame.

9. The ____ tag collects the information from the user.

Ans: Input.

 

II. MULTIPLE CHOICE QUESTIONS:

1. A ___ is a word, a group of words, or an image that can be used to jump to another document on the same website or another website.

(1) Hyperlink

(2) URL

(3) Address

(4) none of these

Ans: (1) Hyperlink.

 

2. The ___ attribute of the <a> tag is used to set the URL of the target resource.

(1) src

(2) href

(3) Controls

(4) none of these

Ans: (2) href.

 

3. Which of the following can be embedded in a web page?

(1) Audio

(2) Video

(3) Both (1) and (2)

(4) None of these

Ans: (3) Both (1) and (2).

 

4. The _____ attribute of the <video> tag plays the video file automatically on loading a web page.

(1) controls

(2) Autoplay

(3) Height

(4) none of these

Ans: (2) Autoplay.

 

5. _____ tag is used to create textbox, radio button and checkbox on the web page.

(1) <OPTION>

(2) <INPUT>

(3) Both of these

(4) None of these

Ans: (2) <INPUT>.

 

III. APPLICATION BASED QUESTIONS:

1. Rohan wants to divide a web page into four sections. Which tag should he use to accomplish this?

Ans: Rohan must use the <iframe> tag to divide a web page into four sections.

Syntax:

<iframe src = “url” title = “description”> </iframe>.

 

2. Rahim is creating a website in which he wants to use different images as links to the web pages. He is also interested in adding some video clips in his website. Can you suggest him the required tags to include the said elements in his website?

 

Ans: Rahim must use the following tags:

To insert images to his web page – <img> tag

• To create link – <a> tag.

• To insert video clips – <video> tag.

 

3. Ritika was writting an article using HTML. The article contains some external links to other website contains additional information. How can she link these together so that the user can visit the destination of the external links by clicking on them?

Ans: To link to the external links, Ritika must use the following tag and syntax.

The tag to be used – <a> tag

Syntax:

<a href = “destination file name”>link </a>.

4. Priyanka wants to create a form but she has forgotten the tag used to create the form. Can you help her with the solution?

Ans: To create the form, Priyanka has to use <form> tag.

 

IV. ANSWER THE FOLLOWING:

1. Why do you include hyperlinks in your web page? Give any two reasons.

Ans: Web page use hyperlinks as a way to navigate online content. Both images and text can be used to create a hyperlink.

• Hyperlinks allow us to link documents to other documents or resources.

• Hyperlink points to a specific section or element within the same webpage or document.

3. What are frames? How are they useful?

Ans: A frame is a sub window inside an active browser. It is possible to have more than two frames in a Web page, and therefore more than two sub windows can be viewed at the same time.

The main advantage of frames is that it allows the user to view multiple documents within a single Web page.

4. What are two types of text input in HTML web forms?

Ans: ● Text Input Controls.

● Checkboxes Controls.

5. Which input control is most useful for questions requiring a simple yes or no answer?

Ans: Radio Box Controls.

6. What is the use of password control in HTML forms?

Ans: This is also a single-line text input but it masks the character as soon as a user enters it. They are created using HTML <input> tag.

7. What is the use of <INPUT> tag?

Ans: The input tag is used within <form> element to declare input controls that allow users to input data. An input field can be of various types depending upon the attribute type.

8. What are the uses of Submit and Reset buttons?

Ans: Submit button, submits the information which you have entered in the form to the owner who created the form.

Reset button, resets the information which you have entered, that is the form will become empty, but reset button works only when you haven’t submitted the form.

 

-------------------------------------------------------------------------------------------------------------------------------------------------------=-

Create an HTML document on the topic HTML list and HTML Tables. The web page should contain two frames wherein in one frame will HTML List and in other HTML Tables.

Ans: <!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

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

    <title>HTML Lists and Tables</title>

    <style>

        body {

            font-family: Arial, sans-serif;

        }

        .section {

            float: left;

            width: 50%;

            padding: 20px;

        }

    </style>

</head>

<body>

    <h1>HTML Lists and Tables</h1>

    <div class="section">

        <h2>HTML Lists</h2>

        <ul>

            <li>Unordered List Item 1</li>

            <li>Unordered List Item 2</li>

            <li>Unordered List Item 3</li>

        </ul>

        <ol>

            <li>Ordered List Item 1</li>

            <li>Ordered List Item 2</li>

            <li>Ordered List Item 3</li>

        </ol>

    </div>

    <div class="section">

        <h2>HTML Tables</h2>

        <table border="1">

            <tr>

                <th>Header 1</th>

                <th>Header 2</th>

            </tr>

            <tr>

                <td>Row 1, Cell 1</td>

                <td>Row 1, Cell 2</td>

            </tr>

            <tr>

                <td>Row 2, Cell 1</td>

                <td>Row 2, Cell 2</td>

            </tr>

        </table>

    </div>

</body>

</html>