Challenge - 5 Problems
Head and Body Master
Get all challenges correct to earn this badge!
Test your skills under time pressure!
🧠 Conceptual
intermediate1:30remaining
What is the purpose of the section in an HTML document?
Choose the best description of what the section contains and does.
Attempts:
2 left
💡 Hint
Think about what information helps the browser but is not shown directly on the page.
✗ Incorrect
The
section holds metadata like the page title, links to CSS files, and scripts. It does not contain visible content.📝 Syntax
intermediate2:00remaining
Which HTML snippet correctly places the title and a stylesheet link inside the ?
Select the snippet that correctly uses the section with a title and CSS link.
Attempts:
2 left
💡 Hint
Remember the correct tag and attribute names for linking CSS files.
✗ Incorrect
The
❓ rendering
advanced2:00remaining
What will be displayed in the browser window from this HTML snippet?
Consider this HTML code and choose what the user will see on the page.
HTML
<!DOCTYPE html> <html lang="en"> <head> <title>Test Page</title> <style>body {background-color: lightblue;}</style> </head> <body> <h1>Welcome!</h1> <p>This is a test.</p> </body> </html>
Attempts:
2 left
💡 Hint
Styles inside the head affect the page background color.
✗ Incorrect
The style inside the head sets the body background to light blue. The body contains visible heading and paragraph text, so the user sees all that with the background color.
❓ selector
advanced1:30remaining
Which CSS selector targets only elements inside the section?
Choose the CSS selector that applies styles only to elements inside the tag, not the .
Attempts:
2 left
💡 Hint
Think about which selector matches all descendants inside the body.
✗ Incorrect
The selector 'body *' matches all elements inside the body. 'head *' targets inside head. 'html > head' targets the head directly. 'html > body > head' is invalid because head is not inside body.
❓ accessibility
expert2:30remaining
Which practice improves accessibility related to the and sections?
Select the best practice that helps screen readers and keyboard users when structuring head and body content.
Attempts:
2 left
💡 Hint
Think about what helps users understand the page and navigate it easily.
✗ Incorrect
A descriptive