HTML Tags
CSS Styling
JavaScript Basics
Putting It Together
Events & Interaction
100

This tag creates a clickable link to another page, using the 'href' attribute.

What is the anchor tag (a)?

100

This property changes the hue of your text.

What is color?

100

This keyword declares a block-scoped variable whose value can be changed later.

What is let?

100

This element links an external stylesheet to your HTML document in the head section.

What is the link tag?

100

This common user action, when 'click' is detected, often triggers a function.

What is clicking the mouse?

200

Six different versions of this element create headings, ranging from largest to smallest.

What is the heading tag (h1-h6)?

200

Used in a selector, this symbol targets an element by its unique identifier.

What is the hash/pound sign (#)?

200

This built-in method pops up a small dialog box showing a message to the user.

What is alert()?

200

This element holds JavaScript code or links to an external .js file.

What is the script tag?

200

This HTML element collects user input and is submitted, often grouping inputs together.

What is a form?

300

This empty element embeds a picture and requires a 'src' attribute.

What is the img tag?

300

This property sets the space inside an element, between its content and its border.

What is padding?

300

This data type has only two possible values: true or false.

What is boolean?

300

This shared attribute lets you assign one or more reusable style names to multiple HTML elements.

What is class?

300

This method attaches a function to run when a specified event happens on an element.

What is addEventListener()?

400

This block-level container has no special meaning and is often used to group content for styling.

What is the div tag?

400

This layout system, activated with 'display: flex', arranges items in a row or column easily.

What is flexbox?

400

This keyword declares a variable whose value cannot be reassigned after it is set.

What is const?

400

This tree-like representation of a web page lets JavaScript access and change its elements.

What is the DOM?

400

Inside an event handler, this method stops a form from submitting and reloading the page.

What is preventDefault()?

500

This semantic element represents a self-contained piece of content like a blog post or news story.

What is the article tag?

500

This concept describes how style rules with higher importance override conflicting ones based on selector weight.

What is specificity?

500

This object method outputs information to the developer tools, often used for debugging.

What is console.log()?

500

This method finds and returns the first element matching a given CSS selector.

What is querySelector()?

500

This term describes the way an event travels up from the target element through its parent elements.

What is bubbling?

M
e
n
u