CSS Basics
The attribute used before typing any CSS code into an HTML tag.
What is style?
The tag for creating links in HTML.
What is <a>?
The tags used to start and end a table.
<table> and </table>
All three primary colors.
What are Red, Yellow, and Blue?
The two main types of fonts.
What are serif and sans-serif?
The tag in which you place everything you want the user to see on your website when viewed in a web browser.
What is <body>?
In basketball, this is how many points is a free throw worth.
One
The CSS properties for changing the text color and background color of an HTML element.
background-color and color
The attribute needed for creating links in HTML.
What is href?
The three opening tags needed to create a working table.
<table>, <tr>, and <td>
The name of the code we use to reference specific colors in CSS.
What is hexadecimal code? (Hex Code)
The CSS declaration for changing a font.
What is font-family?
The tag that contains the title.
What is <head>?
This is the only metal that's liquid at room temperature.
Mercury (Hg)
(DOUBLE JEOPARDY)
This is what CSS stands for.
Cascading Style Sheets.
A complete example of an <a> tag that leads to "ContactPage.html."
What is <a href="ContactPage.html">Click Here</a>
The attribute that stretches a <td> tag across multiple columns.
colspan
A shade of purple in hex code.
What is #FF00FF?
A complete example of the CSS declaration used to change the size of your text.
What is "font-size:72px;"?
An example of the opening tag for an ordered list that uses roman numerals.
What is <ol type="I">?
This U.S. state has the most active volcanoes.
Alaska
An complete example of an <h2> tag with CSS to center its text.
<h2 style="text-align:center;">Heading!</h2>
A complete example of a link to the webpage "hobbies.html", which can be found inside of a "pages" folder.
<a href="pages/hobbies.html">Click here to discover my hobbies!</a>
List the Five Parts of a Website
Header, Nav Menu, Sidebar, Main Content, Footer
Three specific types of color schemes.
What are complimentary, triadic, analogous, monochromatic, etc.
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>
These are three tags that are self-closing.
<br>, <hr>, <img>, or <link>
This animal’s fingerprints are so similar to humans’ that they can confuse crime scene investigators.
Koala
An example of a single paragraph with CSS that changes both font to Arial and text color to a shade of blue.
What is <p style="font-family:arial; color: #0000FF;">My Paragraph</a>
A complete example of a link to YouTube that opens in a new Tab.
<a href="https://www.youtube.com/" target="_blank">Click here to go to YouTube!</a>
(FREE FOR ALL)
Create a 2x2 table that uses either colspan or rowspan effectively.
<table>
<tr>
<td colspan="2">Hi</td>
</tr>
<td>This is</td>
<td>A table</td>
</table>
A complete example of an opening h1 tag that has a background color of blue and a text color of red, without using the names of the colors.
What is <h1 style="background-color: #0000FF; color: #FF0000;">?
A complete example of an opening paragraph tag that is set to the "Arial" font, with two backups in the CSS declaration in case "Arial" is not available.
What is <p style="font-family: Arial, Verdana, sans-serif;">?
A complete example, including all opening and closing tags, of how every HTML file should look before you begin to design your website.
(FREE FOR ALL)
<!DOCTYPE html>
<html>
<head><title></title></head>
<body>
</body>
</html>
The closest star to Earth is the Sun. Which star is the next closest?
Alpha Centauri