HTML Basics
Semantic Structure
CSS Selectors
Box Model & Layout
File Management & Nav
100

Tag that creates a paragraph.

What is <p></p>?

100

Define "semantic HTML"

What are HTML tag that perform based on their name.

100

What does color: do

What is change the font color of selector?

100

The outermost layer?

What is the margin?

100

What file is usually home page?

What is index.html?

200

Tag that makes a link

What is <a></a>?

200

What does <main> represent?

What is signifies the primary content of a document?

200

Symbol selects an ID?

What is #?

200

What does padding affect?

What is provide spacing between content and internal border?

200

How do you link a CSS file?

What is <link rel="stylesheet" href="style.css">?

300

Tag that inserts an image

What is <img />?

300

Using <section> vs <div>

What is because <section> provides semantic meaning, indicating a logical section within a document, while <div> is a generic container with no inherent meaning?

300

Selector that targets all <p> tags.

What is p?

300

Difference between margin and border?

What is margin provides invisible separate between block elements while border provides visual framing of content?

300

What tag builds a nav bar?

What is <nav>?

400

Tag that defines the page title.

What is the <h1></h1>?

400

Content of <header>

What is contains introductory content or navigational aids for a section or page?

400

font-family: target?

What is the font type of the selector?

400

Name a display value used for layout

What is flex, grid, block, inline-block?

400

Write path to pages/about.html

href="pages/about.html"

500

The tag that groups block elements.

What is <div></div>?

500

Give 3 semantic HTML5 elements

What are

  • <article>
  • <aside>
  • <details>
  • <figcaption>
  • <figure>
  • <footer>
  • <header>
  • <main>
  • <mark>
  • <nav>
  • <section>
  • <summary>
  • <time>
500

What symbol selects all elements?

What is *?

500

What does box-sizing: border-box do?

What is determines how an element's total width and height are calculated?

Includes padding and border inside total width

500

Relative vs. absolute links

What is relative links specify a path to a resource relative to the current page, while absolute links provide the full URL, including protocol, domain, and path, to a specific resource?

M
e
n
u