Sections of a Website
HTML
Design Principles
HTML Tags
Tailwind CSS
100

The section that contains links to other pages

The Navigation

100

An HTML page starts with and ends with what tag?

<html>

100

What is the acronym used in class for 4 design principles? 

C.R.A.P.

100

What is the tag for creating a link?

<a>

100

What class attribute is used for a border?

border
200

What section is located at the bottom of the page

Footer
200

Tags start with an opening tag and ends with a _____?

closing tag

200

What is the principle used that describes the variation of sizes and colors? 

Contrast

200

What tag is used for paragraphs

<p>

200

What class attribute is used for top padding of 4? 

pt-

300

What section contains the main message of the website?

Hero

300

HTML pages have two main sections: Which one contains content that's visible to the user?

<body>

300

What principle says to group like items

Proximity

300
What tag is used for a section of a website

<section>

300

What class attribute is used for a gray background color

bg-gray-900

400

What section contains the logo

Header

400

HTML pages have two main sections: Which one contains links to stylesheets and meta tags? 

<head>

400

What design principle says sections should have similar designs?

Repetition

400

What tag is used for denoting a navigation section?

<nav>

400

Where can information on tailwind classes be found

In the tailwind documentation

500

What section contains the main content of the web page?

Body
500

HTML was invented by ____

Tim Berners Lee

500

What principle says that all items should be lined up in similar fashion?

Alignment

500

A generic tag used for layout and design that is 3 letters long:

<div>

500

What is a tag to get HTML elements to line up horizontally? 

flex flex-row