NEW
Font size
WorksheetsHTML Basics and Semantic HTML
Total questions: 41
Worksheet time: 21mins
ROUND 1 — HTML BASICS. What does HTML stand for?
Hypertext Markup Language
Hyperlink Markdown Layout
High-Tech Machine Language
Hyper Tool Markup
ROUND 1 — HTML BASICS. What attribute does require?
href
id
title
src
ROUND 1 — HTML BASICS. What does the alt attribute do?
Changes text color
Describes an image
Creates a link
Adds padding
ROUND 1 — HTML BASICS. What does
Title of the page
Navigation links
End-of-page info
Images
ROUND 2 — SEMANTIC HTML. What does
Bottom content
Top page section
Sidebar
Table heading
ROUND 2 — SEMANTIC HTML. What does
Images
Videos
Navigation links
Comments
ROUND 2 — SEMANTIC HTML. What does
Groups related content
Embeds a link
Creates a table
Adds spacing
ROUND 2 — SEMANTIC HTML. What does
A sidebar
A caption
A self-contained story
A list
ROUND 2 — SEMANTIC HTML. What is
Main content
Background styles
Side content
Video captions
ROUND 2 — SEMANTIC HTML. What does
Only text
Images with optional captions
Audio files
Page titles
ROUND 2 — SEMANTIC HTML. What goes inside
An image
A paragraph
A caption for
A link
What does CSS stand for?
Creative Styling System
Cascading Style Sheets
Colorful Style Software
Code Styling Service
Which property changes text color?
background-color
color
text-align
display
Which property changes background color?
bg
text-color
background-color
canvas-color
Which property adds space INSIDE an element’s border?
margin
padding
border
spacing
Which property adds space OUTSIDE the border?
padding
margin
gap
indent
Which property controls boldness?
font-style
font-weight
font-size
letter-weight
Which property changes text alignment?
float
position
text-align
justify-items
Which property controls layout type?
font-style
display
text-align
margin
Which property controls transparency?
opacity
margin
border
color
Which CSS measurement is flexible/responsive?
px
em
inch
%
Which attribute tells the form HOW to send data?
action
method
src
nav
Which attribute tells WHERE the form sends data?
where
method
src
action
Which is a valid form method?
SEND
POST
PUSH
What is MP3?
An audio compression format
A video container format
An image file format
A text encoding standard
What is the correct MIME type for MP4?
video/mpeg
video/avi
video/mp4
audio/mp4
What does the controls attribute do in
Changes volume
Adds playback buttons
Changes color
Loads a video
What’s wrong here?
Hello
Missing
Missing >
Wrong tag
Needs alt text
What’s wrong here?
Missing src
Missing alt
Extra bracket
Needs style
What’s wrong? color = blue;
Missing colon
Missing brackets
Wrong font
Missing semicolon
What’s wrong? Click
Missing >
Needs alt
Wrong order
Wrong attribute
What’s wrong? margin: 10
Missing unit
Missing color
Wrong selector
Extra bracket
What’s wrong?
- One
- Two
Missing
First
Wrong text
Wrong order
What’s wrong?
"send" is not a valid method
Needs
Needs action
Extra slash
What’s wrong? div { display block; }
Needs colon
Needs margin
Needs px
Wrong selector
What’s wrong?
Missing starting quote
Missing src
Missing ]
Wrong tag
Why is
Makes images blue
Helps screen readers
Adds captions
Makes images larger
Why use semantic tags like
For decoration
Improves accessibility & organization
Makes code shorter
Changes colors
Why is
important?Displays content
Holds settings & CSS
Holds images
Creates links
Why does CSS require units like px?
Allows spacing to be measured
Makes text bold
Changes color
Creates tables
Why is clean code important?
Looks fancy
Loads faster + easier to fix
Makes colors brighter
Adds images automatically
