Fake HTML Tags/Attributes/Properties Quiz

<mystery bar="apple" style="fake:magic"> Content </mystery>

mystery is a...

• selector

• opening tag

• property

• attribute

<mystery bar="apple" style="fake:magic"> Content </mystery>

<mystery bar="apple style="fake:magic"> is a...

• selector

• opening tag

• property

• attribute

<mystery bar="apple" style="fake:magic"> Content </mystery>

bar (and style) is a...

• selector

• opening tag

• property

• attribute

<mystery bar="apple" style="fake:magic"> Content </mystery>

fake is a...

• selector

• opening tag

• property

• attribute

<mystery bar="apple" style="fake:magic"> Content </mystery>

</mystery> is a...

• selector

• closing tag

• property

• attribute

1) Create an element named foo.

2) Set the lunch attribute to cabbage

Which of these opening tags is correct?

• <foo lunch="cabbage">

• <cabbage foo="lunch">

• <foo cabbage="lunch">

• <lunch cabbage="foo">

1) Create an element named foo.

2) Set the lunch attribute to cabbage

3) Set the time attribute to 4

Which of these opening tags is correct?

• <foo lunch="cabbage" time="4">

• <cabbage foo="lunch" 4="time">

• <foo 4 time cabbage="lunch">

• <lunch cabbage="foo" time="4">

1) Create an element named foo.

2) Set the lunch property to full

3) Set the time property to 7

Think colon and semi-colon...

Which of these opening tags is correct?

• <foo style="lunch: full; time: 7">

• <foo lunch="full time="7">

• <foo style="lunch; full: time;7>

• <foo style=lunch: full; time: 7>

Answer explanation

Remember you need...

Quotation marks around the whole style.

Colon between property/value

Semicolon between each pair of property/value

1) Create an element named foo.

2) Set the lunch property to cabbage

Which of these opening tags is correct?

• <foo style="lunch: cabbage">

• <cabbage foo="lunch">

• <foo cabbage="lunch">

• <foo lunch="cabbage">

Answer explanation

Remember that PROPERTIES go in the style attribute

1) Create an element named foo.

2) Set the lunch property to cabbage

3) Set the time attribute to 5

Which of these opening tags is correct?

• <foo style="lunch: cabbage" time="5">

• <foo style="lunch: cabbage; time: 5"

• <foo lunch="cabbage" time="5"

• <foo lunch cabbage time 5>

Answer explanation

Remember that PROPERTIES go in the style attribute

But attributes are separated by a space.