Tags

Attributes

Code this!

Debug

RANDOM

100

<a></a>

Anchor Tag
It hyperlinks whatever it surrounds.

100

src=""

The source attribute
Used to specify a file as the source for a certain tag
Ex. <img>, <link>, <script>

100

I need a first header tag that says "HTML Jeopardy" and then a paragraph tag saying "This is the best game ever!"

<h1>HTML Jeopardy</h1>
<p>This is the best game ever!</p>

100

<h1>This is a header tag!<h1>

There is a forward slash missing in the ending h1 tag between the < and the "h"

100

I need a fourth header tag that has centered text and is blue and says "Mama Mia"

200

First Header Tag
It creates the biggest header on the page.

200

href=""

The hyper-reference attribute
Used to specify a file as its target
Ex. <a>

200

I need a first header tag that says "This is my doggie!" and an image below it that comes from http://mysite.com/dog.jpg

<h1>This is my doggie!</h1>
<img src="http://mysite.com/dog.jpg" />

200

<p style=color:red>This paragraph is supposed to be red :(</p>

Quotation marks are missing before the word "color" and after the word "red"

200

What does the <title> tag do, and where does that appear in the browser?

Gives the webpage a title, and it appears on the tab of that webpage.

300

The head tag
Any information placed within the head tag is information NOT found on the actual webpage.

300

style=""

The Style attribute
Used to apply styling to the tag
Ex. <p>, <h1>, <table>, <img>

300

I need a first header tag that says "My favorite things:" and then an unordered list that includes "HTML", "Web Design Club", and "Eric Yamane"

<h1>My favorite things:</h1>
<ul>
<li>HTML</li>
<li>Web Design Club</li>
<li>Eric Yamane</li>
</ul>

300

TWO MISTAKES
<a href"http://dog.com"><img src="http://mysite.com/dog.jpg /></a>

An = sign is missing after the attribute "href" and an ending quotation mark is missing at the end of the src after "jpg"

300

What does HTML stand for?

Hyper-Text Markup Language

400

Table Data cell
Specifies a cell in the parent table.

400

border=""

The border attribute
Used to apply a border to the table cells
Ex. <table> (The ONLY example)

400

DOUBLE JEOPARDY

I need a

First header tag that is red and says "These questions are getting harder!"
Second header tag that is blue and says "But I know the answer!"
A centered image below that comes from http://html.com/lol.jpg

<h1 style="color:red">These questions are getting harder!</h1>
<h2 style="color:blue">But I know the answer!</h2>
<img src="http://html.com/lol.jpg" style="text-align:center" />

400

DOUBLE JEOPARDY

TWO MISTAKES
<h1>Click on the dog to learn more!</h1>
<a href="http://dog.com" target="blank"><img src="http://dog.com/doggie.png" />

There should be an _ between the first quotation mark in the target attribute and the word "blank"
The ending anchor tag (</a>) is missing

400

Any code within the _____ tag will show up on the actual web page.

BODY

500

<!DOCTYPE html>

The Document Type tag for HTML5
Denotes the version of html you will be coding, and telling the browser that the document is in html.

500

target=""

The target attribute
Specifies whether the link will open in a new window/tab or not
Ex. <a>

500

I need a:

Table with a border of 1px
A table row with two cells. The first one says "One" and the second one says "Two"
Another table row with two cells. The first one says "1" and the second one says "2"

500

<h1>This one is worth 500 points!!</h1>
<a href="http://facebook.com"><p style="text-align:center;color:red;">This links to facebook... I think</p></a>
<a href="http://google.com"><p style="text-align;right;color:blue;">This links to google!</p></a>

After the word "text-align" but before the word "right" in the style attribute of the second linked paragraph, the semi-colon (;) should be a colon (:)

500

DOUBLE JEOPARDY

What does CSS stand for?

Cascading Style Sheets