CS: HTML and CSS Basics Worksheet

Question 1

Explain the difference between HTML and CSS in a web page.

Accepted Answer

HTML gives the web page its structure and content, such as headings, paragraphs, images, and links. CSS controls how the page looks, such as colors, fonts, spacing, and layout.

Question 2

Write the HTML for a level 1 heading that says My Favorite Website.

Accepted Answer

The correct HTML is

My Favorite Website

. The h1 tags show that the text is the most important heading on the page.

Question 3

Write the HTML for a paragraph that says I am learning to build web pages.

Accepted Answer

The correct HTML is

I am learning to build web pages.

. The p tags show that the text is a paragraph.

Question 4

Look at this HTML: Visit Example. Explain what the href attribute does.

Accepted Answer

The href attribute tells the browser the web address that the link should open. In this example, clicking the link goes to https://www.example.com.

Question 5

Write the HTML for an image with the file name cat.png and the alt text A gray cat sitting.

Accepted Answer

The correct HTML is <img src="cat.png" alt="A gray cat sitting">. The src attribute gives the image file, and the alt attribute describes the image for accessibility.

Question 6

Write a CSS rule that makes all paragraph text blue.

Accepted Answer

The correct CSS rule is p { color: blue; }. The selector p chooses all paragraph elements, and the color property changes their text color.

Question 7

In the CSS rule h2 { font-size: 24px; }, identify the selector, property, and value.

Accepted Answer

The selector is h2. The property is font-size. The value is 24px.

Question 8

Write a CSS rule that gives the body of a page a light gray background color.

Accepted Answer

The correct CSS rule is body { background-color: lightgray; }. The selector body applies the style to the whole page body.

Question 9

A page has this HTML:

Save your work often.

. Write a CSS rule that makes only elements with the warning class red.

Accepted Answer

The correct CSS rule is .warning { color: red; }. The dot before warning shows that the selector is a class selector.

Question 10

Fix the HTML error in this line:

Welcome to My Page

Accepted Answer

The fixed HTML is

Welcome to My Page

. The closing heading tag needs a slash before h1.

Question 11

Explain why alt text is important for images on a web page.

Accepted Answer

Alt text is important because it describes an image for people using screen readers and for times when an image cannot load. It makes the page more accessible and easier to understand.

Question 12

Write a short HTML page structure that includes html, head, title, and body tags. The title should be My Page and the body should include one paragraph that says Hello, web.

Accepted Answer

A correct structure is My Page

Hello, web.

. This includes the main HTML document sections and one paragraph in the body.

CS: HTML and CSS Basics

Related Cheat Sheets

More CS Worksheets

More Grade 6-8 Worksheets