Chapter 8: Advanced Features of HTML
Section A: Multiple Choice Questions (30 Marks)
1. Which HTML tag is used to create an unordered (bulleted) list on a web page?
2. Which tag is used to define individual items inside both ordered and unordered lists?
3. Which attribute of the <ol> tag allows starting numbering from a custom value like 101?
4. Which attribute of the <img> tag specifies the image file path or URL?
5. What HTML attribute provides alternative text description if an image fails to load?
6. Which tag is used to create hyperlinks connecting to another web page or website?
7. The mandatory attribute of the anchor <a> tag defining the destination URL is:
8. Linking one section of a web page to another section on the same page is called:
9. Which tag marks the beginning and end of a table structure in HTML?
10. Which tag defines a horizontal row of cells inside an HTML table?
11. Which tag defines standard data cells inside a table row?
12. Which tag defines header cells in a table, displaying text in bold and center-aligned by default?
13. Which tag is used to specify a title heading for an HTML table?
14. What CSS property collapses double adjacent cell borders into a single border?
15. What CSS property defines space inside a cell between the cell border and its content?
16. Which attribute allows a table cell to span horizontally across multiple columns?
17. Every web form interactive area begins with which tag?
18. Which attribute of the <form> tag specifies the script page or email address to receive submitted data?
19. Which form element allows a user to select only ONE option among several choices (e.g., Gender)?
20. Which form element acts as a toggle switch allowing selection of multiple choices simultaneously?
21. Rashmi wants users to choose only one option for Gender on her web form. Which input type should she use?
22. Which button clears all entered inputs in a form and restores elements to default initial states?
23. CSS float property values commonly used to align images alongside text paragraphs are:
24. Is the <img> tag a container tag or an empty tag?
25. Which attribute sets the maximum number of characters allowed inside a single-line text input field?
26. Which attribute selects a radio button or checkbox by default when the form loads?
27. In an ordered list <ol type="A">, how will list items be numbered?
28. What is the default bullet symbol for an unordered list <ul>?
29. An image displayed directly within a line of text on a web page is an:
30. The attribute in <ol> that arranges numbering in descending order is:
Section B: Assertion & Reason Questions (30 Marks)
Directions: Choose the correct option for each question:
- A: Both Assertion (A) and Reason (R) are true, and Reason (R) is the correct explanation of Assertion (A).
- B: Both Assertion (A) and Reason (R) are true, but Reason (R) is NOT the correct explanation of Assertion (A).
- C: Assertion (A) is true, but Reason (R) is false.
- D: Assertion (A) is false, but Reason (R) is true.
31. Assertion (A): The <ol> tag creates numbered lists on web pages.
Reason (R): Ordered lists are ideal for steps where sequence order is important, such as recipes.
32. Assertion (A): The <img> tag requires a closing </img> tag.
Reason (R): The <img> tag is an empty tag in HTML.
33. Assertion (A): Alt attribute text displays when an image fails to load.
Reason (R): Alt provides descriptive text accessibility for slow connections or missing source files.
34. Assertion (A): Radio buttons allow selecting multiple options in the same group simultaneously.
Reason (R): Radio buttons sharing the same name attribute enforce mutually exclusive single choices.
35. Assertion (A): Checkboxes allow users to select one or more items independently.
Reason (R): Checkboxes act as toggle switches that can be ON or OFF individually.
36. Assertion (A): Anchor tag <a> requires closing tag </a>.
Reason (R): The anchor tag is a container tag enclosing the hyperlink text or image.
37. Assertion (A): Table header cells <th> default to left-aligned text alignment.
Reason (R): By default, <th> contents are displayed bold and center-aligned.
38. Assertion (A): border-collapse: collapse merges adjacent table cell borders.
Reason (R): It prevents double-bordered grid lines, creating clean single lines between table cells.
39. Assertion (A): Reset button sends form field data to a web server script.
Reason (R): Submit button sends form field name-value pairs to the action URL.
40. Assertion (A): External linking connects sections within the exact same web page.
Reason (R): Linking different web pages or separate domain websites is called external linking.
41. Assertion (A): The <caption> tag provides a title heading for an HTML table.
Reason (R): The <caption> tag must be placed immediately after opening the <table> tag.
42. Assertion (A): <ol start="5"> begins numbering list items from 5.
Reason (R): The start attribute overrides the default starting list index of 1.
43. Assertion (A): Inline images are viewed in a separate new browser tab when clicked.
Reason (R): Inline images display directly embedded inside body text lines when the page loads.
44. Assertion (A): Padding property adjusts space inside table cells around text content.
Reason (R): Padding helps prevent cell text from touching surrounding border lines directly.
45. Assertion (A): The href attribute defines the target document address in an anchor tag.
Reason (R): Clicking hypertext redirects the browser to the destination path in href.
46. Assertion (A): colspan="2" merges a cell vertically across two rows.
Reason (R): rowspan="2" merges a cell across vertical rows, while colspan merges horizontal columns.
47. Assertion (A): The <input> tag requires an explicit closing </input> tag.
Reason (R): The <input> tag is an inline empty element in HTML forms.
48. Assertion (A): The reversed attribute counts an ordered list backwards.
Reason (R): Setting reversed displays numbered items in descending sequential order.
49. Assertion (A): <input type="password"> hides user keystrokes using mask characters.
Reason (R): Password boxes mask text input with bullets or asterisks to protect sensitive entry.
50. Assertion (A): Standard table data cells <td> display text centered by default.
Reason (R): By default, standard data cells <td> are left-aligned horizontally and middle-aligned vertically.
51. Assertion (A): Hyperlink hover mouse pointer turns into a little hand icon.
Reason (R): Browsers change the cursor visual to signal clickable hyperlinked elements.
52. Assertion (A): Absolute URLs refer to relative local image filenames in the same folder.
Reason (R): Absolute URLs include the full website domain protocol address (e.g., http://www.google.com/pic.jpg).
53. Assertion (A): CSS float: right moves an image to the right side of wrapped text.
Reason (R): Float allows surrounding paragraph text to flow smoothly alongside specified image sides.
54. Assertion (A): Forms enable visitors to submit comments, feedback, and registrations.
Reason (R): Forms collect interactive user inputs through fields like textboxes, radio buttons, and checkboxes.
55. Assertion (A): The method attribute value "Post" is default when emailing forms.
Reason (R): The default method value is "Get", while "Post" passes data securely to an action URL.
56. Assertion (A): Bulleted lists are created using the <ul> tag.
Reason (R): Unordered lists use bullets like disc, circle, or square to mark non-sequential items.
57. Assertion (A): Clicking a hyperlinked image opens its designated URL link destination.
Reason (R): Enclosing an <img> tag inside an anchor <a href="..."> tag converts the image into a clickable link.
58. Assertion (A): HTML tables can only store numeric numbers.
Reason (R): Table cells <td> can contain text, images, hyperlinks, or lists.
59. Assertion (A): Border-spacing defines spacing distance between uncollapsed cell borders.
Reason (R): Border-spacing accepts horizontal and vertical values (e.g., 10px 20px).
60. Assertion (A): HTML forms require the <form> opening tag and </form> closing tag.
Reason (R): The <form> tag defines the boundary container for all interactive input controls.
Section C: Image & Visual Feature Based Questions (10 Marks)
61. Look at the code snippet visual:
<ol start="5" reversed>
<li>Time Management</li>
<li>Consistent Effort</li>
<li>Lifelong Learning</li>
</ol>
What sequence number will be displayed beside "Time Management"?
62. Observe the browser rendering visual:
The sunrise paints the sky with warm hues...
Because the image file was not found, what visual element is displayed in its place?
63. Identify the form control visual:
GENDER:
(•) Male ( ) Female ( ) Other
What type of input control is shown here?
64. Identify the form control visual:
[x] I agree to the terms and conditions
What type of input control is shown here?
65. Look at the code snippet visual:
<a href="click.html">CLICK HERE</a>
What text will appear underlined on the rendered web page as hypertext?
66. Observe the table rendering visual:
| ID | Name |
|---|---|
| 101 | Ravi |
Which tag created the title header text "Company Staff Details" centered above the table?
67. Scenario Visual: Mohit wants to display image logo links for Wikipedia and Google. Which combination of tags will make an image clickable as a hyperlink?
68. Identify the form action buttons visual:
<input type="submit" value="Register">
<input type="reset" value="Reset">
What happens when the user clicks the button labeled "Reset"?
69. Scenario Visual: Rashmi is creating a course registration form requiring students to choose interested subjects (Math, Science, English). Since students can pick multiple subjects, which input type should she use?
70. Look at the CSS style block visual:
table { border-collapse: collapse; padding: 5px; }
What effect does padding: 5px; have inside table cells?