HTML Advanced-Tables, Lists and Links Class 10 MCQ Questions with Answers
Question 1.
In <OL> and <UL>, the style of bullet or number is defined by:
(A) type attribute
(B) style attribute
(C) both (A) and (B)
(D) None of the these
Answer:
(A) type attribute
Explanation:
The type attribute of <OL> and <UL> tags is used to define the type of bulleted and numbered list required by the user,
Question 2.
Which of the following will produce a solid circle bullet when given as a type for <UL>?
(A) circle
(B) square
(C) disc
(D) none of these
Answer:
(C) disc
Explanation:
The syntax <UL type=”disc”> will display a bulleted list with disc.
Question 3.
A …….. can be inserted in HTML document which can act as a container for all the input elements.
(A) Text field
(B) Text area
(C) Form
(D) Command Button
Answer:
(C) Form
Explanation:
HTML Form is a document which stores information of a user on a web server using interactive controls.
Question 4.
………. method is used to sent form data as URL variables.
(A) Get
(B) Set
(C) Post
(D) None of these
Answer:
(A) Get
Explanation:
Some other features of GET requests are: GET requests can be cached. GET request remains in the browser history.
Question 5.
…………… method is used to sent form data as HTTP Post.
(A) Get
(B) Set
(C) Post
(D) None of these
Answer:
(C) Post
Explanation:
Some features of POST requests are:
- POST requests are never cached.
- POST requests do not remain in the browser history.
Question 6.
What is the purpose of a web form ?
(A) An outdated feature still used to help the page load faster
(B) An useful way to send information from the user directly to the search engines
(C) A way to input data into a website or an application
(D) To enable the user to navigate the website with ease
Answer:
(C) A way to input data into a website or an application
Explanation:
Web Forms are pages that your users request using their browser.
Question 7.
Which element allows for the creation of groups of options in a select menu?
(A) <select>
(B) < group >
(C) < option >
(D) <optgroup>
Answer:
(C) < option >
Explanation:
The <OPTION> tag specifies an option in a selection list. < OPTION > tag is used inside a SELECTION tag.
Question 8.
Which option will be selected with the following code snippet?
<select>
<option selected value=”Fiat”>Fiat</option>
< option value=” selected” > Saab </option >
< option value=”opel” > Selected </option >
< option value=” audi” > Audi </option > </select>
(A) Fiat
(B) Saab
(C) Selected
(D) Audi
Answer:
(A) Fiat
Explanation:
The <SELECT> tag defines a selection list on an HTML FORM. A selection list displays alist of options from which the user can select an item. From a selection list, one or morethan one item can be selected at a time.
Question 9.
The attribute specifies the page which handles the input from the user.
(A) method
(B) frame
(C) action
(D) target
Answer:
(C) action
Explanation:
The ACTION attribute specifies where the information will be ‘ sent for processing. Information processing destinations can be CGI programs, JavaScript functions or an email address.
Assertion and Reason Based MCQs
Directions: In the following questions, A statement of Assertion (A) is followed by a statement of Reason (R). Mark the correct choice as.
(A) Both A and R are true and R is the correct explanation of A
(B) Both A and R are true but R is Not the correct explanation of A
(C) A is true and R is false
(D) A is false and R is true
Question 1.
Assertion (A): An unordered list is a list in which there is no definite order to the items.
Reason (R): As, an unordered list of items are marked with bullets.
Answer:
(A) Both A and R are true and R is the correct explanation of A
Explanation:
An unordered list is a bulleted list of items. The tags for an unordered list are <UL> and </UL>. It is used to create unordered list or bulleted list, like to represent the list in the form of disc, square and circle. The data is defined under the <UL> tag, by using <LI> tag. Syntax <UL>…</UL>
Question 2.
Assertion (A): A definition list is not a list of items.
Reason (R): A definition list is a list of terms and explanation of the terms.
Answer:
(A) Both A and R are true and R is the correct explanation of A
Explanation:
A definition list has two pieces for each item, a term and a definition. Each definition-list term starts with the <Dy>tag. Each definition-list definition starts with the < DD>tag. It is used to create a list of definition terms.
Question 3.
Assertion (A): The SUBMIT or RESET buttons that sends all the collected information to the server or clears the form information respectively.
Reason (R): The information is then processed and give the output
Answer:
(B) Both A and R are true but R is Not the correct explanation of AOption (B) is correct.
Explanation:
The syntax to use SUBMIT is: <FORM> < INPUT type=”SUBMIT” value=”SUBMIT”> </FORM > Using the above statement, a form appears with a button named as SUBMIT.
Question 4.
Assertion (A): It is not possible to have a form inside a form.
Reason (R): A form cannot be nested.
Answer:
(A) Both A and R are true and R is the correct explanation of A
Explanation:
It is possible to add all kinds of HTML tags between the <FORM> and </ FORM> tags. This means that a form can easily include a table or an image along with the actual elements. The <FORM> tag cannot have another <FORM> tag inside it. A form cannot have a subform as it cannot be nested.
Question 5.
Assertion (A): The <FORM NAME=”Form Name”> specifies the name of the Form.
Reason (R): The form name is always displayed on the Form.
Answer:
(C) A is true and R is false
Explanation:
The name of the form is not displayed on the form. As the user can have more than one FORM tags in an HTML document, so to differentiate one Form from another, a name is required to be given. Name attribute is optional if only one <FORM> tag is used.
Question 6.
Assertion (A): Data cannot be encrypted in the form.
Reason (R): The ENCTYPE attribute specifies how the data is sent to the destination.
Answer:
(D) A is false and R is true
Explanation: The < FORM ENCTYPE=”PLAIN/ TEXT”> specifies how the data is sent to the destination. It encrypts the data and sends it as it is to the destination place.
Question 7.
Assertion (A): Data cannot be encrypted in the form.
Reason (R): The ENCTYPE attribute specifies how the data is sent to the destination.
Answer:
(D) A is false and R is true
Explanation:
The < FORM ENCTYPE=”PLAIN/ TEXT”> specifies how the data is sent to the destination. It encrypts the data and sends it as it is to the destination place.
Question 8.
Assertion (A): The <INPUT> tag is required when the user has to give some input/data.
Reason (R): The <INPUT> tag is not a compulsory tag used within the FORM tag.
Answer:
(C) A is true and R is false
Explanation:
The <INPUT> tag is required when the user has to give some input/data. This tag is always used within the FORM tag. Thus, INPUT tag defines a FORM element which. can receive user input. The TYPE attribute determines the specific sort of FORM element to be created i.e. this attribute specifies the type of input we want from the user. It can be used to create the following type of interface elements:
(A) BUTTON
(B) CHECKBOX
(C) RADIO
(D) TEXT
(E) SUBMIT and RESET
(F) IMAGE
(G) FILE
<INPUT TYPE=”BUTTON” >: This will place a button on an HTML form. information. These programs then manipulate the information, store data and send a feedback page to the viewer. To do so, a tag is available called as <FORM> tag.
Case- Based MCQs
Attempt any ? sub-parts from each question. Each sub-part carries 1 mark.
I. HTML Forms
Forms are one of the most powerful parts of a web page. In the structure of an HTML document, comes the basic tags like <HTML>, <HEAD> and <BODY>.HTML Forms are elements responsible for adding interactivity to web documents. Forms can be used to add to your web pages a guest book, order forms, surveys, get feedback, etc. A form allows you to gather information from a visitor or customer for immediate or for later use. The role of Forms is to gather different kinds of user input, i.e. fields to type in text, menus to select items from, radio buttons to choose items. The web browser accepts this information, and sends it directly to a web server, where a customized program is invoked to handle the form information. These programs then manipulate the information, store data and send a feedback page to the viewer. To do so, a tag is available called as <FORM> tag.
Question 1.
In the term HTML, what does M stands for?
(A) Markup
(B) Mashup
(C) Meaningful
(D) Most
Answer:
(A) Markup
Explanation:
HTML is a markup language used to build web pages and web applications. HTML is not a programming language, but rather a markup language.The major limitation of HTML is that it can create only static and plain pages so if you need dynamic pages then HTML is not useful.
Question 2.
……………. are the most powerful parts of a webpage.
(A) Links
(B) Forms
(C) Images
(D) Scripting
Answer:
(B) Forms
Explanation:
HTML Form is a document which stores information of a user on a web server using interactive controls. An HTML form contains different kind of information such as username, password, contact number, email id etc. In HTML, a form is a window that consists of the elements of a form called the form fields. These fields may be text field, text area, drop¬down box, radio buttons, checkbox and/or a command button.
Question 3.
Which of the following statements is/are True?
(A) Forms can be used to add to your web pages a guest book, order forms, surveys, get feedback, etc.
(B) Forms are elements responsible for adding interactivity to web documents.
(C) Both (A) and (B)
(D) None of these
Answer:
(C) Both (A) and (B)
Explanation:
When the form is displayed in a web browser, the user can make a choice and some text can be entered using the interface elements. This form made can finally be submitted to a destination point whenever required.
Question 4.
Which of the following tag is used to display the body of the webpage?
(A) <CSS>
(B) <HEAD>
(C) <BODY>
(D) < TITLE >
Answer:
(C) <BODY>
Explanation:
The <BODY> tag appears in between the <HTML> and </HTML> tags. It displays the text to be displayed on the web browser.
Question 5.
Which of the following defines the role of a form?
(A) Displaying various kind of information to the user
(B) Gather different kinds of user input
(C) Both (A) and (B)
(D) None of these
Answer:
(C) Both (A) and (B)
Explanation:
The for takes information from the user, processes it and then give the output to be displayed.
Question 6.
Which tag is used to create a form in a webpage?
(A) <FORM>
(B) < TITLE >
(C) <HEAD>
(D) None of these
Answer:
(A) <FORM>
Explanation:
The <FORM> tag tells the browser where a form starts and </FORM> denotes where the form ends. A <FORM> tag is thus a container element. Everything . contained between these opening and closing tags is a part of the form.
Question 7.
What are the different buttons that a form contains?
(A) Checkbox
(B) Radio button
(C) Post/Submit button
(D) All of these
Answer:
(D) All of these
Explanation:
The basic construction of an HTML Form includes:
- The beginning and ending <FORM> tag.
- The actual form elements where the visitor enters the information like text box, checkbox, radio buttons, etc.
- The SUBMIT or RESET buttons that sends all the collected information to the server or clears the form information respectively
II. ORDERED LISTS
HTML ordered list or Numbered list displays elements in a numbered format. The HTML <OL> tag is used for creating ordered list. Ordered list can be used to represent items either in numerical order or alphabetical order format or in any format where an order is emphasized.The data item is defined under the <OL> tag by using <LI> tag. The <OL> consists of the Attributes START and TYPE.
Question 1.
HTML ordered list or Numbered list displays elements in a……… format.
(A) Numbered
(B) Bulleted
(C) Both (A) and (B)
(D) None of these
Answer:
(A) Numbered
Explanation:
Numbered list is an ordered list that is numbered as ‘1,11,111’, ‘a,b,c’, ‘i, ii, iii’.By default, an ordered list shows the item in the ascending order.
Question 2.
The HTML …….. tag is used for creating ordered list.
(A) <UL>
(B) <OL>
(C) Both (A) and (B)
(D) None of these
Answer:
(B) <OL>
Explanation:
An ordered list is a list where 1 the items in the list are held in some kind of sorted order. The <OL> tag is used to define I an ordered list. OL stands for Ordered List.
Question 3.
The attribute is used to specify the start of the ordered lists.
(A) Start
(B) St
(C) Face
(D) Size
Answer:
(A) Start
Explanation:
To clarify the use of START attribute view the example given below:
<HTML>
<HEAD>
< TITLE > START ATTRIBUTE </TITLE>
</HEAD>
<BODY>
<OL START=” 4 “>
<LI>Six</LI>
< LI > Seven </LI >
< LI > Eight </LI>
</BODY >
</HTML >
Question 4.
What does <LI> stands for?
(A) LIST ITEM
(B) LAST ITEM
(C) LONG ITEM
(D) LENGTH ITEM
Answer:
(A) LIST ITEM
Explanation:
Both ordered and unordered lists require start and end tags as well as the use of a special element to indicate where each list item begins (the <LI> tag).
Question 5.
Which of the following is not an attribute of <OL> tag?
(A) TYPE
(B) START
(C) BACKGROUND
(D) None of these
Answer:
(C) BACKGROUND
Explanation:
To understand the use of START and TYPE attributes, view the following example:
<HTML>
<HEAD>
< TITLE > START and TYPE ATTRIBUTES </ TITLE >
</HEAD>
<BODY>
<OL TYPE=” i” START=” 4 “>
<H2>MY FAVOURITE FRUITS: </H2>
<FONT FACE=”Monotype Corsiva” SIZE=”6″ COLOR=”Red” >
< LI > Apple </LI >
< LI > Strawberry </LI >
< LI> Blueberry </LI >
</FONT>
</OL>
</BODY>
</HTML>
Question 6.
What is the syntax of OL tag with TYPE attribute?
(A) <OL TYPE=”l/a/A/i/r>
(B) < OL TYPE=”square” >
(C) <OL TYPE=”disc” >
(D) <OL TYPE=”circle” >
Answer:
(A) <OL TYPE=”l/a/A/i/r>
Explanation:
TheTYPEattributeaUowsyoutospedfythenumbering system you want to use. Arabic numbers are the default. View the example given below to understand the use of TYPE attribute.
<FITML>
<HEAD>
< TITLE > TYPE ATTRIBUTE </TITLE>
</HEAD>
<BODY>
<OLTYPE=T>
< LI > LOTUS TEMPLE </Ll >
<LI>TAJ MAHAL </LI>
< LI > INDIA GATE</LI>
</BODY>
</HTML>
Question 7.
Which of the following statement(s) is/are true?
(A) Lists create well-structured, accessible, easy- to-maintain documents.
(B) They provide individualized elements to which you can hook on CSS styles.
(C) Systematic lists help viewers to read your website.
(D)All of these
Answer:
(D)All of these
Explanation:
There are three main types of lists: unordered lists, ordered lists and definition lists. Ordered lists are numbered in some fashion, while unordered lists are bulleted. Definition lists consist of a term followed by its definition.
III. CHECKBOXES
<INPUT TYPE=”CHECKBOX” >: Checkboxes are used when the visitor can select multiple options from a set of alternatives. There can be more than one checkboxes from which the user can select one or more options. Note that every checkbox has a unique name. If there is no check in the box, clicking it will place a check mark (“X” orthere. If the box is checked, clicking it again will remove the mark. The value sent in the web form is the value of the checkbox if it was selected; otherwise the value will be empty. Adding the option CHECKED to a checkbox will make that checkbox highlight when the page loads.
Question 1.
Checkboxes are used when the visitor can select ………. options from a set of alternatives.
(A) One
(B) Multiple
(C) Both (A) and (B)
(D) None of these
Answer:
(C) Both (A) and (B)
Explanation:
The checkboxes are used where the user can select more than one or more than one options like ‘Number of languages known’, ‘Names of the cities visited’, etc.
Question 2.
What happen when the syntax of the code is: <INPUT TYPE = “CHECKBOX” CHECKED>?
(A) Will make that checkbox highlight when the page loads.
(B) The page will never be loaded.
(C) Will make that checkbox dormant when the page loads.
(D) None of these
Answer:
(A) Will make that checkbox highlight when the page loads.
Explanation:
That particular checkbox will be highlighted whose code is given as clNPUT TYPE=”CHECKBOX” CHECKED >, when that particular webpage will be loaded by the browser.
Question 3.
What is the meaning of the syntax of the code is: < INPUT TYPE=”CHECKBOX” Name= “Checkboxl” CHECKED >?
(A) That particular checkbox having the name ‘Checkbox’ will be highlighted, when that particular webpage will be loaded by the browser.
(B) That particular checkbox having the name ‘Checkboxl’ will be highlighted, when that particular webpage will be loaded by the browser.
(C) That particular checkbox having the name ‘Checkboxl’ will not be loaded by the web browser.
(D) There is an error in the syntax.
Answer:
(B) That particular checkbox having the name ‘Checkboxl’ will be highlighted, when that particular webpage will be loaded by the browser.
Explanation:
The Name attribute of <INPUT> tag specifies the name of the INPUT element. This attribute is required to differentiate between checkboxes. The name is not displayed on the form.
Question 4.
What is/are the difference between checkbox and radio button?
(A) Checkbox appears to be rectangular/square in shape whereas radio button appears to be round.
(B) Checkbox is used when multiple options can be selected whereas radio button is used only when one option can be selected.
(C) Both (A) and (B)
(D) None of these
Answer:
(C) Both (A) and (B)
Explanation:
Here, an example is given to show radio buttons on the form.
<HTML>
<HEAD>
<TITLE>Radio Button example</TITLE> c/HEAD >
<BODY>
<TIl>Please select the gender</Hl>
<FORM>
< INPUT TYPE=”RADIO” NAME=”R1″> MALE
<BR> .
< INPUT TYPE=”RADIO” NAME=”R2″> FEMALE
<BR>
< INPUT TYPE=”RADIO” NAME=”R3″> TRANS GENDER
<BRxBR>
< IN PUTTYPE=”SU BMIT” VALUE=”Submit” > </FORM>
</BODY >
</HTML>
After the above code is processed, three radio buttons will be displayed on the form.
Question 5.
Which tag is used to insert a checkbox on the form?
(A) < INPUT >
(B) <CHECKBOX>
(C) <TYPE>
(D) None of these
Answer:
(A) < INPUT >
Explanation:
The < INPUT > tag is required when the user has to give some input/data. This tag is always used within the FORM tag. Thus, INPUT tag defines a FORM element which can receive user input. The TYPE attribute determines the specific sort of FORM element to be created i.e. this attribute specifies the type of input we want from the user.
Question 6.
In which of the following checkboxes can be used?
(A) Names of countries visited
(B) Names of food items loved
(C) Names of languages known
(D) All of these
Answer:
(C) Names of languages known
Explanation:
Checkbox is used when multiple options can be selected.
Question 7.
Which tag should be there before the < INPUT > tag to designate a form?
(A) <FORM>
(B) < TABLE >
(C) <B>
(D) <HR>
Answer:
(A) <FORM>
Explanation:
The <FORM> tag tells the browser where a form starts and </FORM> denotes where the form ends. A <FORM> tag is thus a container element. Everything contained between these opening and closing tags is a part of the form.