HTML
CSS
PYTHON
The Debugger's Den (Errors)
Web Wonders
100

This term describes the text-based language used to create the basic structure of a webpage.

What is HTML (HyperText Markup Language)

100

This acronym stands for the language used to describe the presentation of a document.

What is CSS (Cascading Style Sheets?)

100

Unlike many other languages, Python uses this instead of curly braces {} to define blocks of code

What is Indentation (or whitespace)?

100

In Python, this error happens if you forget to indent a block of code inside an if statement

What is an IndentationError?

100

This is the name for the software (like Chrrome, Safari, or Firefox) that reads your HTML and CSS to show you a webpage.

What is a Web Browser
200

This specific tag is required to create a clickable hyperlink.

What is <a> (anchor) tag?

200

To change the space inside an element's boarder, you use this property.

What is padding?

200

This is the keyword used to define a new function in Python

What is def?

200

In CSS, if your style isn't appearing, you might have forgotten this symbol at the end of your property line

What is a semicolon?

200

HTML is often called the "Bones," CSS is called the "Skin", and this third language is called the "Brain" of a website.

What is JavaScript or Python?

300

This attribute is added to an <img> tag to provide a text description for screen readers.

What is the alt attribute?

300

This concept describes the layout of every element as a rectangle consisting of content, padding, border, and margin.

What is the Box Model?

300

In Python, 3+3.0 will result in this specific data type

What is a Float (6.0)?

300
This HTML error happens when you open a tag like <div> but forget to include this "slashed" counterpart

What is a closing tag?

300

This 3-digit number is the standard HTTP "Success" code when a webpage loads correctly.

What is 200?

400

These types of tags, like <header>, <footer>, and <article> describe their meaning to both the browser and the developer.

What are semantic tags?

400

Between an External, Internal, and Inline style, this one has the highest priority (is most specific)

What is Inline style?

400

This built in function is used to get the number of items in a list or the number of characters in a string.

What is len()?

400

In Python, if you try to add a string and an integer together like ("Hello" + 5), you will get this specific error.

What is a TypeError?

400

When you use Python to build a website, you often use a "Framework" like Flask or this one named after a famous jazz guitarist.

What is Django?

500

To make a numbered list rather than a bulleted one, you would used this tag.

What is <ol> (ordered list)?

500

This modern CSS layout mode allows items to grow or shrink to fill available space in a single row or column

What is Flexbox?

500

This specific type of loop is used when you want to repeat a block of code as long as a certain condition is true

What is a while loop?

500

In CSS, this keyword is often added to a property as a "last resort" to force it to override all other styles, though it is generally discouraged.

What is !important?

500

This is the official name for the "address" you type into a browser to find a website.

What is a URL (Uniform Resource Locator)?