Pot Pourri
(Random Trivia)
(Random Trivia)
Back to Basics
(HTML)
(HTML)
Pretty Things
(Fonts & Colors)
(Fonts & Colors)
Stylin'
(Basic CSS)
(Basic CSS)
It's Kinda Rocket Science
(Advanced CSS)
(Advanced CSS)
Pot Pourri 2:
Electric Boogaloo
Electric Boogaloo
100
The planet in our solar system with the most moons.
What is Jupiter?
100
The very first line in any HTML web page.
What is <!DOCTYPE html>?
100
This type of code is used to denote colors in Web Design.
What is hex code?
100
The name of the three types of CSS.
Inline, Internal, and External
100
The CSS for curving the corners of a border.
What is border-radius?
100
The number of colors in a typical bag of M&Ms.
What is six?
200
(DOUBLE JEOPARDY)
The number of bones in the human body.
What is 206?
200
(DOUBLE JEOPARDY)
Three tags used in creating lists.
What are <ol>, <ul>, and <li>?
OR <dl>, <dt>, <dd>.
200
(DOUBLE JEOPARDY)
The CSS declaration for making your text bigger.
What is font-size?
200
The name of the color #00AA00.
What is green?
200
In Web Design, the term for this:
What is a nav menu?
200
The first woman to win the Nobel Prize.
Who is Marie Curie?
300
The year that Netflix began their streaming service (the same year that Mr. Sandoval graduated High School!)
What is 2007?
300
In a style sheet, the CSS used to change the background color of all <h1> tags to blue (in hex code).
What is:
h1 {background-color:#0000FF;}
?
300
An example of the CSS declaration used to change your font to Arial.
What is "font-family:Arial;"?
300
The CSS declaration for a border that is a 3px wide line, with the hex code for red.
What is:
border: 3px solid #FF0000;
300
(DOUBLE JEOPARDY)
The symbol added to the href attribute meaning "move backwards out of this folder."
What is "../"?
300
This mammal has no vocal cords.
What is a Giraffe?
400
This is the only continent on Planet Earth with no active volcanoes.
What is Australia?
400
An example of an HTML image tag that uses five attributes.
What is:
<img style="border: 3px solid red;" src="picture.jpg" width="200" height="200" alt="a pretty flower">
?
400
(DOUBLE JEOPARDY)
The CSS required to add 50 pixels of spacing in the two indicated areas of this paragraph.
What is
padding-top:50px;
padding-bottom:50px;
?
400
This is what CSS stands for.
What is Cascading Style Sheets?
400
The CSS needed to move an HTML element 50 pixels to the left on a webpage.
What is margin-right-50px; or padding-right:50px;?
400
This is the only letter that doesn't appear in the name of any U.S. State.
What is Q?
500
In the symbol in the Periodic Table for the element Mercury.
What is Hg?
500
The complete setup for every HTML file you start in this class WITH a spot for an internal stylesheet.
What is:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style></style>
</head>
<body>
</body>
</html>
500
The two CSS declarations required to center something (usually a div) in HTML.
What is margin:auto and width?
500
An example of the <link> tag you would use to create an external style sheet.
What is:
<link rel="stylesheet" type="text/css" href="style.css">
?
500
A complete example of an HTML link to Google's homepage that uses a unique font called "Gotham."
What is <a href="https://www.google.com/" style="font-family:Gotham;">Click Here</a>
?
500
(DOUBLE JEOPARDY)
This is the shortest war in the history of the world, which lasted 38 minutes and occurred in 1896.
What is the Anglo-Zanzibar War?