HTML Basics
CSS Basics
HTML Structure
Box Model
Advanced HTML/CSS
100

What does HTML stand for?

HyperText Markup Language

100

What does CSS stand for?

Cascading Style Sheets

100

What tag is used for the main navigation area of a webpage?

<nav>

100

Which property controls how wide an element is?

width

100

What CSS property changes the font used for an element?

font-family

200

What tag is used to create a paragraph?

<p>

200

What symbol is used to create a class in CSS?

A period (.)

200

Which tag is used to mark video content? (not from youtube)

<video>
200

What CSS property adds space inside an element’s border?

Padding

200

What tag is used to create a clickable link?

<a>

300

What attribute is required in an <img> tag to specify where the file is coming from?

src

300

Which property changes the text color?

color
300

Which tag is used to mark important standalone content like a news article?

<article>

300

What property adds space outside an element’s border?

Margin

300

This tag defines a table row. Each element represents a new row in the table.

<tr>

400

What tag is used to create the largest heading?

<h1>

400

What CSS property sets the background color?

background-color

400

Which tag represents a footer for a section or page?

<footer>

400

Name the four parts of the CSS box model.

Content, Padding, Border, Margin

400

What units are relative to the size of the browser window? (in relation to viewport)

vw, vh

500

What HTML element contains all the visible content of a webpage?


<body>

500

What symbol is used to create an ID in CSS?

a hashtag (#)

500

What semantic tag highlights content that is slightly more important than normal text but not strong importance?

**Hint: creates emphasis

<em>

500

What CSS layout method uses flexible rows or columns to align items?

Flexbox

500

What CSS rule allows you to apply styles only when a condition (like screen size) is met?

@media

M
e
n
u