WorksheetsFront-End Development and HTML5 Quiz
Total questions: 20
Worksheet time: 10mins
Front-end development mainly focuses on which part of a web application?
Server logic and database handling
Visual and interactive elements seen by users
Data encryption and authentication
System-level programming
Which of the following is NOT typically a front-end technology?
HTML
CSS
JavaScript
SQL
Why is responsiveness considered important in front-end design?
It reduces server memory usage
It makes layouts adjust to different screen sizes and devices
It automatically increases internet speed
It prevents code duplication
Which factor in front-end development contributes most to SEO improvement?
Use of animations
Proper semantic HTML structure
Large high-resolution images
Multiple external scripts
A full-stack developer differs from a front-end specialist because they:
Only handle user interface design
Work on both client-side and server-side development
Focus solely on security and encryption
Write only JavaScript code
Which of the following is a real-world front-end achievement of Netflix?
Database replication for video storage
Auto-playing trailers and interactive episode lists
Improved cloud architecture
Enhanced SQL query performance
Which e-commerce platform highlights front-end work through customizable themes and a smooth checkout?
Spotify
Shopify
Netflix
Maintaining a consistent brand identity in front-end development usually involves:
Database indexing
Consistent fonts, colors, and design patterns
Strong encryption algorithms
Server-side caching
Collaboration in front-end development usually means:
Working only with other front-end developers
Coordinating with designers and back-end developers
Writing both Java and C++ programs
Avoiding communication with other teams
Which of the following is NOT a responsibility of a front-end developer?
Designing intuitive interfaces
Ensuring accessibility and responsiveness
Managing server databases
Implementing interactive elements
What does the declaration do in an HTML5 page?
It defines the page title
It tells the browser to use modern HTML5 rules
It loads CSS automatically
It creates the main heading of the page
If is missing, most browsers will:
Refuse to display the page
Switch to "quirks mode" and guess old display rules
Remove all CSS styling
Display only text without images
Which heading tag in HTML represents the least important heading?
The attribute alt in the tag is primarily used for:
Linking to another page
Providing alternative text if the image fails to load
Aligning the image at the center
Adding animation to the image
Which attribute in the tag specifies the link's destination?
src
href
link
target
To make a link open in a new tab, which attribute value is correct?
target="_new"
target="_self"
target="_blank"
target="tab"
Which list type is best for numbered steps in order?
Unordered list
Ordered list
Description list
Inline list
Which HTML tag preserves spaces and line breaks exactly as written?
The
Displaying navigation menus
Wrapping images or diagrams with captions
Creating inline text formatting
Embedding external scripts
Which is the best example of semantic HTML usage?
Using
Using
for the title and
Using for headings and for layout
Writing all text inside
tags
