HTML & CSS Jeopardy

Miscellaneous

100

What does HTML stand for?

Hyper

Text

Markup

Language

200

What does CSS stand for?

Cascading

Style

Sheets

300

There are two categories of tags, what are they?

Container Tags <></>

Empty Tags <>

400

__ means to place one tag inside of another

Nesting

500

How do you write comments in HTML?

<!-- Comment Here -->

HTML: Text Tags

100

__ tag defines the smallest and least important heading.

<h6>...</6>

200

The __ tag makes a new line, like pressing the "enter" key when typing an essay.

Line Break Tag

300

True or False: Every time you code a Paragraph Tag, the output is produced on the same line.

False: The output is produced on the next line because it's a block level element.

400

A __ tag is nested inside an Ordered List and Unordered List Tag.

List Item Tag

<li>...</li>

500

The __, __, and __ tag are nested inside the Table Tag.

<tr>, <th>, and <td> tags

HTML: Visual Tags

100

You can easily embed videos into your website thanks to this widely used site.

YouTube

200

In the Anchor Tag, what is the name of the attribute that holds the URL?

href

300

What is a favicon?

A small image displayed next to the title in the browser tab.

400

Is the Image Tag an inline or block level element?

Inline Level Element

500

The __ tag defines a thematic break in information.

Horizontal Rule Tag

<hr>

CSS: Basics

100

To change the typeface of text, you use the __ property.

font-family

200

A __ color specifies different levels of RGB.

Hex Color

300

The text-align property has 4 possible values, what are they?

left, right, center, justify

400

There are 3 ways to add CSS into our website. __ style involves placing code into a separate file that is then linked in the HTML file.

External Style

500

How do you write a comment in CSS?

/* Comment Here */

CSS: Box Model

100

__ is the space between one element and another.

Margin

200

__ is the space between the element and the border.

Padding

300

How do you reference a Class name in your CSS?

With a period (.)

400

True or False: The border property takes up to 3 values.

element {

border: ???

}

True: the width, style, and color of the border

500

The padding property can take up to 4 values, each corresponding to a side. In the following example which sides do the values correspond to?

border: 5px 10px 25px 

border: (top) (right&left) (bottom)