HTML Test Questions and Answers
Already Passed
A web developer is tasked with creating a landing page for a new product. They want to ensure
that the title of the page is displayed in the browser tab and reflects the product name. Which
HTML tag should they use, and how should it be structu...
A web developer is tasked with creating a landing page for a new product. They want to ensure
that the title of the page is displayed in the browser tab and reflects the product name. Which
HTML tag should they use, and how should it be structured?
✔✔They should use the `<title>` tag within the `<head>` section of the HTML document,
structured as `<title>Product Name</title>`.
A company decides to create an online form for job applications. They want to ensure that
applicants provide their email addresses and that this field cannot be left blank. What HTML
attributes should be included in the email input field?
✔✔The email input field should include the `type="email"` attribute for proper validation and
the `required` attribute to ensure it cannot be left empty, structured as `<input type="email"
required>`.
A nonprofit organization wants to display its mission statement prominently on its website. What
semantic HTML element would best suit this purpose, and how should it be implemented?
✔✔The organization should use the `<section>` tag to denote the mission statement, possibly
with a heading like `<h2>Our Mission</h2>` followed by the statement in a paragraph.
1
,A web designer is creating a gallery page and wants to ensure that all images are properly
accessible. What should they include in the `<img>` tag to achieve this?
✔✔They should include the `alt` attribute in each `<img>` tag, providing a descriptive text
alternative for each image, like `<img src="image.jpg" alt="Description of the image">`.
An e-commerce website is planning to implement a navigation menu that allows users to filter
products by category. Which HTML structure would best support this feature?
✔✔The website should use an unordered list (`<ul>`) with list items (`<li>`) to create a clean
and accessible navigation structure, like `<ul><li><a href="#">Category 1</a></li></ul>`.
A university wants to publish an article about its new research project. They need to include
citations for various sources. Which HTML element would be most appropriate for marking up
citations?
✔✔The `<cite>` tag should be used for citations, structured as `<p>According to <cite>Source
Name</cite>, the results were significant.</p>`.
A developer is working on a responsive webpage that must adapt to different screen sizes. What
key meta tag should they include in the `<head>` section to help with this?
2
,✔✔They should include the viewport meta tag: `<meta name="viewport"
content="width=device-width, initial-scale=1">` to ensure the page scales correctly on various
devices.
A restaurant is designing its website and wants to embed a map for location directions. What
HTML element would be best to achieve this?
✔✔The restaurant should use the `<iframe>` tag to embed a Google Maps link, structured as
`<iframe src="link_to_google_maps"></iframe>`.
An educational institution is launching an online course platform and needs to display course
details clearly. Which HTML tags should they use to create a structured layout for course
information?
✔✔They should use headings (`<h1>`, `<h2>`), paragraphs (`<p>`), and lists (`<ul>` or `<ol>`)
to organize course details, ensuring a clear hierarchy and readability.
A content creator wants to add a video to their blog post. What HTML element should they use,
and what attributes might enhance the user experience?
✔✔They should use the `<video>` tag with attributes like `controls`, `autoplay`, and `loop`,
structured as `<video controls autoplay loop><source src="video.mp4"
type="video/mp4"></video>`.
3
, A tech startup is implementing a contact form on its website. They want users to provide their
name, email, and a message. What is the recommended HTML structure for the form?
✔✔The form can be structured using the `<form>` tag, with input fields like `<input type="text"
name="name" required>` for the name, `<input type="email" name="email" required>` for the
email, and `<textarea name="message" required></textarea>` for the message.
A web developer needs to include a section for user comments at the bottom of a blog post. What
HTML element can be used to mark up this section, ensuring it is clearly defined?
✔✔The developer should use the `<aside>` tag to mark the comments section, allowing it to be
semantically understood as related but separate from the main content.
A small business is updating its website to improve accessibility for visually impaired users.
What practices should they implement in their HTML structure?
✔✔They should use semantic HTML elements, include `alt` text for images, ensure all
interactive elements are keyboard accessible, and use headings to create a clear content
hierarchy.
4
Voordelen van het kopen van samenvattingen bij Stuvia op een rij:
Verzekerd van kwaliteit door reviews
Stuvia-klanten hebben meer dan 700.000 samenvattingen beoordeeld. Zo weet je zeker dat je de beste documenten koopt!
Snel en makkelijk kopen
Je betaalt supersnel en eenmalig met iDeal, creditcard of Stuvia-tegoed voor de samenvatting. Zonder lidmaatschap.
Focus op de essentie
Samenvattingen worden geschreven voor en door anderen. Daarom zijn de samenvattingen altijd betrouwbaar en actueel. Zo kom je snel tot de kern!
Veelgestelde vragen
Wat krijg ik als ik dit document koop?
Je krijgt een PDF, die direct beschikbaar is na je aankoop. Het gekochte document is altijd, overal en oneindig toegankelijk via je profiel.
Tevredenheidsgarantie: hoe werkt dat?
Onze tevredenheidsgarantie zorgt ervoor dat je altijd een studiedocument vindt dat goed bij je past. Je vult een formulier in en onze klantenservice regelt de rest.
Van wie koop ik deze samenvatting?
Stuvia is een marktplaats, je koop dit document dus niet van ons, maar van verkoper StellarScores. Stuvia faciliteert de betaling aan de verkoper.
Zit ik meteen vast aan een abonnement?
Nee, je koopt alleen deze samenvatting voor €11,71. Je zit daarna nergens aan vast.
