Web Development

Which word is best defined as "a language used to describe how HTML elements should be styled"?

• HTML

• CSS

• Heading

• Element

Answer explanation

The correct answer is CSS, which stands for Cascading Style Sheets. It is specifically designed to describe how HTML elements should be styled, including layout, colors, and fonts, unlike HTML which structures the content.

Which of these tasks are most appropriate for CSS?

• Change the background color

• Add an image

• Add a link

• Change the font size

• Add text

Answer explanation

CSS is used for styling web pages. Changing the background color and font size are tasks suited for CSS, as they involve visual presentation. Adding an image, link, or text are tasks typically handled by HTML.

Which are you more likely to find in a CSS file?

• .clouds { height: 50px; }

• body { background: mistyrose; }

• Haikus

• 

Given the following website, what would you add to the CSS file so the images of clouds and rainbows have a height of 50 px?

• img.cloud, img.rainbow { height: 50px; }

• img.cloud, img.rainbow { width: 50px; }

• img.cloud, img.rainbow { size: 50px; }

• img.cloud, img.rainbow { max-height: 50px; }

Answer explanation

The correct choice is 'img.cloud, img.rainbow { height: 50px; }' because it directly sets the height of the images to 50 pixels. The other options either set width, use an incorrect property, or limit height without specifying it.

Given the following HTML code: Which CSS code would set the height of the clouds and rainbow images to 50px?

• img-small { height: 50px; }

• .weather { height: 50px; }

• img { height: 50px; }

• clouds { height: 50px; } rainbows { height: 50px; }

• .clouds { height: 50px; } .rainbows { height: 50px; }

Answer explanation

The correct choice is '.weather { height: 50px; }' because it targets both images with the class 'weather', which are the clouds and rainbow images, setting their height to 50px.

Given this webpage (showing 'My Pets' with 'Dog', 'Lula', and 'Slowpoke' listed), which of the following is the correct HTML?

• 
• 
• 
• 

Which of the following HTML code snippets is the most semantically correct way to structure the information about 'My Pets', 'Dog', 'Lula', and 'Slowpoke'?

• My Pets

  Dog

  Lula

  Slowpoke

• My Pets Dog Lula Slowpoke

• My Pets

  Dog

  Lula

  Slowpoke

Answer explanation

The first choice uses appropriate heading tags, with

for the main title and

for the category, making it semantically correct. The other options lack proper structure and hierarchy for the content.

Which of the following HTML code snippets is correct or matches the required format?

• Dog

  Lula

  Slowpoke

• Dog Lula Slowpoke

Answer explanation

The correct choice includes proper HTML structure with

tags for text content. The other options incorrectly use and lack

tags for the text, making them invalid HTML.

Debug the following image tag

• There should not be an alt attribute

• img should be image

• Add a starting quotation mark to the name of the rainbow.jpg file

• Add a closing tag

Answer explanation

The image tag is missing a starting quotation mark before 'rainbow.jpg'. This causes a syntax error. The correct format should be .

Which of the following is an example of your digital footprint?

• Your birthday

• Your address

• Your phone number

• Your name

• All of the above

Answer explanation

Your digital footprint includes any personal information shared online, such as your birthday, address, phone number, and name. Therefore, the correct answer is 'All of the above'.