iCode Jeopardy! (Orange/Yellow Belt)

HTML

100

This HTML tag makes the biggest heading on a page.

HINT:

Which heading number is the largest?

<h1>

200

The <a> tag is used to make this kind of clickable item that takes you to another page.

HINT:

What tag do you click to go to another page?

A link (hyperlink)

300

This is the job of the <title> tag: it sets the text shown here in the browser.

HINT:

Where do you see the page name — on the page or on the browser tab?

The browser tab / title bar

400

To show an image, you use the <img> tag and this attribute tells the browser where the picture file is.

HINT:

What tells the browser where the image file is?

src

500

In HTML, we often wrap content in this “box” element to group things for layout.

HINT:

Which tag is used to group things together but doesn’t change how they look?

<div>

C#

100

In C#, this type of value is either true or false.

HINT:

Which data type can only be true or false?

bool (Boolean)

200

This keyword starts a conditional: if something is true, do a block of code.

HINT:

What word do we use when code should run only if something is true?

if

300

A loop that repeats while a condition stays true is a ______ loop.

HINT:

Which loop keeps running while a condition is true?

while loop

400

A named set of instructions you can call is called a ____.

HINT:

What do we call a block of code that we reuse and call by name?

Method (function)

500

In C#, a blueprint that can create objects is called a ____.

HINT:

What do we call the blueprint used to create objects?

Class

XAML

100

In XAML, which control is used to display text on the screen that the user cannot type into?

HINT:

Which control shows text but does not let you edit it?

Label

200

In XAML, a <Button> usually shows text with this property.

HINT:

Which property controls the words on a button?

Text

300

In XAML, which property is used to change the background color of a Button or layout?

HINT:

Which property controls the color behind the control, not the text?

BackgroundColor

400

This layout stacks items in a single line: vertical or horizontal.

HINT:

Which layout puts items one after another?

StackLayout (or VerticalStackLayout / HorizontalStackLayout)

500

XAML is used to describe the ______ of an app: what you see on the screen.

HINT:

Does XAML control the logic or the screen layout?

User Interface (UI)

CSS

100

CSS stands for Cascading Style ______.

HINT:

CSS stands for Cascading Style what?

Sheets

200

This CSS property changes the color of text.

HINT:

Which property changes the color of text?

color

300

This CSS property changes the color behind an element, like a button or a box.

HINT:

Which property changes the color behind the text, not the text itself?

background-color

400

This CSS property controls how big the text is.

HINT:

Which property changes the size of letters?

font-size

500

To select an element by its class in CSS, you start with this symbol.

HINT:

What symbol do we use for a class selector? It is also used at the end of sentences

.