Assessment Results
Name: M.PRAVEEN KUMAR
Reg No: URK26CS1168
Batch: 3
Date: 09/09/2026
Course: 25CS208 - Web Technology
Final Score: 28 / 50
Q1: A site designer wants to wrap the major site navigation links to inform screen readers and
search engines of primary navigation elements. Which semantic element should be used?
A.
B.
✓ (Your Choice & Correct)
C.
D.
Submitted Answer: B.
Q2: A video course platform needs to embed English subtitles for hearing-impaired users inside a
standard HTML5 `
A. ✓ (Your Choice & Correct)
B.
C.
D.
Submitted Answer: A.
Q3: A high-traffic news platform wants to defer downloading off-screen images until a user scrolls
near them to reduce initial page load time. Which attribute should be added to the `` tag?
A. async="true"
B. preload="none"
C. loading="lazy" ✓ (Your Choice & Correct)
D. defer="true"
Submitted Answer: C. loading="lazy"
Q4: When a user enters an invalid value in a regex-patterned input field, the developer wants a
custom tooltip message to appear explaining the required format. Which attribute holds this
explanatory text?
A. placeholder
B. title ✓ (Correct Answer)
C. value
D. alt ✗ (Your Answer)
Submitted Answer: D. alt
Q5: A student is creating an HTML document and needs to place document metadata, character set
specifications, and title definitions. In which section of the standard document skeleton should
these be placed?
A.
B. ✓ (Your Choice & Correct)
C.
D.
Submitted Answer: B.
Q6: A front-end developer wants to ensure the browser renders a page using standard HTML5
parsing mode rather than quirks mode. What declaration must appear at the top of the file?
A.
B. ✓ (Correct Answer)
C.
D. ✗ (Your Answer)
Submitted Answer: D.
Q7: A podcast website wants audio files to load only their metadata (e.g., duration) without
downloading the entire audio stream on page load. Which attribute and value should be added to `
A. loading="lazy" ✗ (Your Answer)
B. preload="none"
C. preload="metadata" ✓ (Correct Answer)
D. controls="false"
Submitted Answer: A. loading="lazy"
Q8: A math blog author needs to render exponents such as x squared, where the number 2 appears
raised above the baseline. Which tag should be used?
A.
B.
C.
D. ✓ (Your Choice & Correct)
Submitted Answer: D.
Q9: A registration form requires users to enter their age between 18 and 99. Which `
` attributes enforce these numerical boundaries?
A. step="18"
B. min="18" max="99" ✓ (Your Choice & Correct)
C. range="18-99"
D. minlength="18" maxlength="99"
Submitted Answer: B. min="18" max="99"
Q10: A web developer needs to group thematic standalone content blocks within a long landing
page. Which semantic tag is designated for this purpose?
A.
✓ (Your Choice & Correct)
B.
C.
D.
Submitted Answer: A.
Q11: A registration form requires a candidate username to contain a minimum of 4 characters and
a maximum of 12 characters. Which pair of attributes enforces these length constraints on a text
input?
A. step="4"
B. min="4" max="12" ✗ (Your Answer)
C. minlength="4" maxlength="12" ✓ (Correct Answer)
D. size="4-12"
Submitted Answer: B. min="4" max="12"
Q12: A developer wants to give users a button within a form that clears all entered values and
restores default form state. Which input type accomplishes this?
A.
Submit
B.
C.
D.
Reset
✓ (Your Choice & Correct)
Submitted Answer: D.
Reset
Q13: A developer needs to render a technical glossary where terms like 'HTML' are paired with their
full definitions. Which list structure is best suited for this key-value format?
A. with for terms and definitions
B.
with
for terms and
for definitions ✓ (Your Choice & Correct)
C.
with
for terms and definitions
D.
with
1. for terms and definitions
Submitted Answer: B.
with
for terms and
for definitions
Q14: A quarterly sales report table requires a metric cell in a summary column to span vertically
down across 3 rows. Which attribute should be applied?
A. rowspan="3" ✓ (Correct Answer)
B. vspan="3"
C. colspan="3" ✗ (Your Answer)
D. height="3"
Submitted Answer: C. colspan="3"
Q15: A news web page displays an advertisement banner and related external links on the side of
the page that are indirectly related to the main article. Which semantic container is most
appropriate for this sidebar content?
A.
B.
✓ (Correct Answer)
C.
D.
✗ (Your Answer)
Submitted Answer: D.
Q16: An e-commerce homepage features a central region that holds the main unique content of the
document body, excluding headers, footers, and sidebars. Which element should wrap this primary
content area?
A.
✓ (Your Choice & Correct)
B.
C.
D.
Submitted Answer: A.
Q17: An online document editor displays a revised contract where old text is struck through and
replacement text is underlined. Which tag pair accurately represents deleted and inserted text
semantically?
A. for deleted text and for inserted text
B. for deleted text and for inserted text ✓ (Your Choice & Correct)
C. for deleted text and for inserted text
D. for deleted text and for inserted text
Submitted Answer: B. for deleted text and for inserted text
Q18: A chemistry professor wants to publish chemical formulas on a website, requiring the number
2 in H2O to be displayed below the normal text baseline. Which element should wrap the number 2?
A.
B. ✓ (Your Choice & Correct)
C.
D.
Submitted Answer: B.
Q19: A financial dashboard displays total calculations in the bottom row of a table. Which table
section element semantically wraps this summary row?
A.
B. ✓ (Your Choice & Correct)
C.
D.
Submitted Answer: B.
Q20: In a financial report table, a single table cell needs to stretch horizontally across 2 adjacent
columns. Which attribute and value should be applied to the `` tag?
A. span="2"
B. colspan="2" ✓ (Correct Answer)
C. rowspan="2" ✗ (Your Answer)
D. grid-span="2"
Submitted Answer: C. rowspan="2"
Q21: A search filter bar submits non-sensitive keywords that users should be able to bookmark and
share as complete URL queries. Which HTTP method is appropriate for this form?
A. FETCH ✗ (Your Answer)
B. SUBMIT
C. GET ✓ (Correct Answer)
D. POST
Submitted Answer: A. FETCH
Q22: A developer is building a blog feed and wants each blog post to be formatted as an
independent, self-contained reusable composition that can be repurposed across other pages.
Which semantic HTML tag should be wrapped around each blog post?
A.
✗ (Your Answer)
B.
C.
✓ (Correct Answer)
D.
Submitted Answer: A.
Q23: A language tutorial site needs to display foreign words with an alternate voice or technical
tone in italics without implying strong urgency. Which tag fits this semantic purpose?
A. ✓ (Correct Answer)
B. ✗ (Your Answer)
C.
D.
Submitted Answer: B.
Q24: During backend integration testing, a developer wants to disable standard browser HTML5
validation checks temporarily to test server-side sanitization. Which boolean attribute should be
added to the `
` element?
A. bypass ✗ (Your Answer)
B. readonly
C. disabled
D. novalidate ✓ (Correct Answer)
Submitted Answer: A. bypass
Q25: A job application portal allows candidate resumes to be submitted in multiple file formats or
multiple documents simultaneously. Which attribute on `
Choose File No file chosen
` enables selecting more than one file?
A. multiple ✓ (Correct Answer)
B. multiselect ✗ (Your Answer)
C. batch
D. allow-multiple
Submitted Answer: B. multiselect
Q26: A checkout form includes a discount code input that is currently locked from editing and must
be excluded completely from the active submission payload. Which attribute should be applied?
A. hidden
B. disabled ✓ (Correct Answer)
C. novalidate ✗ (Your Answer)
D. readonly
Submitted Answer: C. novalidate
Q27: A user login portal requires the cursor to automatically focus on the 'Username' field as soon
as the page loads. Which attribute should be added to the username `
` element?
A. focus
B. autofocus ✓ (Your Choice & Correct)
C. active
D. required
Submitted Answer: B. autofocus
Q28: A developer needs to ensure an audio player functions across various web browsers that
support different file codecs like MP3 and OGG. How should the audio sources be structured?
A. Use
B. Use multiple
C. Use
D. Use
Submitted Answer: D. Use
Q29: An account settings form presents a User ID input field that users can highlight and copy, but
cannot edit. Furthermore, the field value must still be submitted when the form posts. Which
attribute should be used?
A. disabled
B. locked
C. static
D. readonly ✓ (Your Choice & Correct)
Submitted Answer: D. readonly
Q30: A user profile update form includes a file input control for uploading avatar images alongside
regular text inputs. What `enctype` attribute value MUST be declared on the `
` element?
A. multipart/form-data ✓ (Your Choice & Correct)
B. application/json
C. text/plain
D. application/x-www-form-urlencoded
Submitted Answer: A. multipart/form-data
Q31: A pricing input control needs to restrict user entry to increments of 5 (e.g., 5, 10, 15). Which
attribute sets this legal step interval?
A. interval="5"
B. pattern="5"
C. step="5" ✓ (Your Choice & Correct)
D. min="5"
Submitted Answer: C. step="5"
Q32: A recipe website needs to show a numbered step-by-step cooking guide that starts explicitly at
step number 5 due to a page split. How should the list tag be written?
A.
✗ (Your Answer)
B.
C.
D.
✓ (Correct Answer)
Submitted Answer: A.
Q33: An editor is organizing a technical article with multiple nested sections and wants to assign
the highest structural priority heading to the main page title. Which heading tag should be chosen?
A.
B.
C.
Q34: A theme customization dashboard allows users to select a primary color using a native
browser color picker swatch. Which input element type should be embedded?
A.
B.
✓ (Your Choice & Correct)
C.
D.
Submitted Answer: B.
Q35: A website editor needs to mark an urgent system warning sentence so screen readers convey
high structural importance rather than mere visual bolding. Which tag should be used?
A.
B. ✓ (Correct Answer)
C. ✗ (Your Answer)
D.
Submitted Answer: C.
Q36: A login form processes sensitive credentials such as usernames and passwords. Which HTTP
method should be specified to send the data securely inside the HTTP message body rather than in
the URL bar?
A. GET
B. HEAD
C. PUT ✗ (Your Answer)
D. POST ✓ (Correct Answer)
Submitted Answer: C. PUT
Q37: A web form needs to specify the exact backend API URL endpoint that will receive and process
the submitted payload. Which form attribute defines this target endpoint URL?
A. enctype ✗ (Your Answer)
B. method
C. action ✓ (Correct Answer)
D. target
Submitted Answer: A. enctype
Q38: A web application form needs to send a CSRF security session token to the server without
displaying an input box to the user. Which input type should be used?
A. ✓ (Your Choice & Correct)
B.
C.
Submit
D.
Submitted Answer: A.
Q39: A media streaming page needs to display a preview placeholder image on a video player
before the user hits the play button. Which attribute on the `
A. preload
B. poster ✓ (Correct Answer)
C. src
D. placeholder ✗ (Your Answer)
Submitted Answer: D. placeholder
Q40: A media site needs to serve high-resolution hero images to desktop screens (1024px+) and
optimized smaller images to mobile viewports. Which combination of HTML tags enables this
responsive image behavior?
A. with loading="lazy" only
B.
with
and tags
C.
with multiple tags
D. with child and tags ✓ (Your Choice & Correct)
Submitted Answer: D. with child and tags
Q41: An enterprise web app requires form submission responses to open in a brand-new browser
tab while keeping the current page open. Which attribute and value should be set on the `
`?
A. target="_self" ✗ (Your Answer)
B. method="_blank"
C. action="_blank"
D. target="_blank" ✓ (Correct Answer)
Submitted Answer: A. target="_self"
Q42: An accessibility auditor requests that a monthly sales table include an embedded title
describing its overall content to assist screen readers. Which table child tag should be used?
A. ✓ (Your Choice & Correct)
B.
Q43: A web developer wants to present a faint prompt message inside an input box that disappears
as soon as the user starts typing. Which attribute provides this functionality?
A. hint ✗ (Your Answer)
B. title
C. value
D. placeholder ✓ (Correct Answer)
Submitted Answer: A. hint
Q44: A landing page requires a background video clip to play automatically on start, repeat
indefinitely, and have sound muted. Which combination of attributes is required on the `
A. autoplay poster loop
B. controls muted loop ✗ (Your Answer)
C. autoplay loop muted ✓ (Correct Answer)
D. preload="none" loop
Submitted Answer: B. controls muted loop
Q45: A security portal requires an access code matching exactly 3 uppercase letters followed by 3
numerical digits (e.g., ABC123). Which attribute and regular expression pattern enforces this clientside?
A. pattern="[A-Z]{3}[0-9]{3}" ✓ (Your Choice & Correct)
B. pattern="[a-z]{3}[0-9]{3}"
C. type="code"
D. minlength="6" maxlength="6"
Submitted Answer: A. pattern="[A-Z]{3}[0-9]{3}"
Q46: A UI developer needs to render a legal disclaimers notice in small fine print at the bottom of a
terms page. Which tag visually renders smaller text for legal fine print?
A.
B. ✓ (Your Choice & Correct)
C.
D.
Submitted Answer: B.
Q47: A standard contact form sends text data to a backend endpoint without any file attachments.
What is the default form encoding type (`enctype`) used by browsers if unassigned?
A. text/plain ✗ (Your Answer)
B. multipart/form-data
C. application/x-www-form-urlencoded ✓ (Correct Answer)
D. application/octet-stream
Submitted Answer: A. text/plain
Q48: A developer is rendering a stressed word emphasis within a paragraph to shift spoken voice
accentuation semantically. Which formatting tag provides this stressed emphasis?
A.
B.
C.
D. ✓ (Your Choice & Correct)
Submitted Answer: D.
Q49: A developer is building a accessible data table and needs to group header rows separate from
body data rows. Which tag set represents the table header section?
A. containing
B. containing
C. containing and ✓ (Your Choice & Correct)
D.
containing
Submitted Answer: C. containing and
Q50: A search results page needs to visually highlight keywords found in search snippets with a
yellow background. Which semantic formatting tag should wrap the matched terms?
A. ✓ (Your Choice & Correct)
B.
C.
D.
Submitted Answer: A.