HTML
CSS
Images
Problem Solving
Process
Bonus
100

What tags creates and ends paragraphs?

<p> and </p>

100

How do you change the color of text?

 color: ___;

100

What is the purpose of float?

Changes which side of your webpage the image is on

100

What is the Problem- Solving Process?

The steps taken to identify and fix problems

100

What is debugging?

Fixing a problem/ pink code within your html

200

<h1> and </h1>

starts and ends headings
200

List 3 examples of text decorations

Line- through

overline

underline

200

What changes how far your image or content is from the sides of your webpage?

margin 

200

List all the steps to the Problem- Solving Process

Define, prepare, try it, reflect

200

What does CSS do?

Adds style, creativity, and detail to the webpage

300

What is the first thing that starts the webpage?

<!DOCTYPE html>

300

How would you type out the text shadow tag?

text-shadow: -__px  __px  color;

300

List at least 2 border styles

dashed, dotted, double, groove, hidden, inherit, inset, outset, ridge, solid

300

brainstorming ideas and listing pros and cons

prepare

300

What does html do?

Responsible for the organization and structure of the webpage

400

How would you type out the entire image tag?

<img src="__.jpg" alt="___"

400

What is the function of font- weight?

Changes the boldness of the text

400

What does the border radius do?

Can round the corners of an image

400

How can the Problem- Solving Process help with debugging?

identifying the error, thinking of ways to fix it, trying out the solutions, and reflect on the results

400

What is a Creative Commons license?

Copyrights, says what you can and can't do with work that is not yours

500

How would you type out the entire CSS tag?

<link rel="stylesheet" href="style.css">

500

List at least 3 examples of font family

Monospace, Sans-serif, cursive, fantasy, serif, inherit


500

What are at least 2 Creative Common Licenses? 

(Abbreviations only)

CC-BY, CC-BY-SA, CC-BY-ND, CC-BY-NC-SA

500

You built a foil boat to see how many pennies you can put in it until it sinks, your first boat sunk only hold 15 pennies. How can the Problem- Solving Process help you improve your second boat?

Defining what might've resulted in the boat sinking

brainstorm ideas or different designs that could hold more pennies

try out the solution 

reflect on the results.

500

changes the width of the border of an element using px

border-width