Introduction to CSS

In this lesson you will focus on the look and feel of your laser tag website by applying CSS (a cascading style sheet).

Quiz:

Intro quiz - Recap from previous lesson

Before we start this lesson, let’s see what you can remember from this topic. Here’s a quick quiz!

Question 1

Question 2

Question 3

Q1.Which of the following sentences most accurately describes this HTML code: <img src="space.jpg">

1/3

Q2.Which of the following sentences most accurately describes this HTML code: <img src="https://www.space.com/space.jpg">

2/3

Q3.What is the correct HTML for creating a hyperlink to a local web page named "page2.html"?

3/3

Quiz:

Intro quiz - Recap from previous lesson

Before we start this lesson, let’s see what you can remember from this topic. Here’s a quick quiz!

Question 1

Question 2

Question 3

Q1.Which of the following sentences most accurately describes this HTML code: <img src="space.jpg">

1/3

Q2.Which of the following sentences most accurately describes this HTML code: <img src="https://www.space.com/space.jpg">

2/3

Q3.What is the correct HTML for creating a hyperlink to a local web page named "page2.html"?

3/3

Video

Click on the play button to start the video. If your teacher asks you to pause the video and look at the worksheet you should:

  • Click "Close Video"
  • Click "Next" to view the activity

Your video will re-appear on the next page, and will stay paused in the right place.

Worksheet

These slides will take you through some tasks for the lesson. If you need to re-play the video, click the ‘Resume Video’ icon. If you are asked to add answers to the slides, first download or print out the worksheet. Once you have finished all the tasks, click ‘Next’ below.

This quiz includes images that don't have any alt text - please contact your teacher who should be able to help you with an audio description.

Quiz:

Introduction to CSS –

Don’t worry if you get a question wrong! Forgetting is an important step in learning. We will recap next lesson.

Question 1

Question 2

Question 3

Question 4

Q1.What does CSS stand for?

1/4

Q2.In the following CSS, what would be the correct term for "p"?

2/4

Q3.In the following CSS, what would be the correct term for "12px" and "red"?

3/4

Q4.In the following CSS, what would be the correct term for "font-size" and "color"?

4/4

This quiz includes images that don't have any alt text - please contact your teacher who should be able to help you with an audio description.

Quiz:

Introduction to CSS –

Don’t worry if you get a question wrong! Forgetting is an important step in learning. We will recap next lesson.

Question 1

Question 2

Question 3

Question 4

Q1.What does CSS stand for?

1/4

Q2.In the following CSS, what would be the correct term for "p"?

2/4

Q3.In the following CSS, what would be the correct term for "12px" and "red"?

3/4

Q4.In the following CSS, what would be the correct term for "font-size" and "color"?

4/4

Lesson summary: Introduction to CSS

It looks like you have not attempted both the quizzes.

To share your results with your teacher please complete both the quizzes.

The next lesson in HTML is "DIVs and classes "

Browse Oak's lessons: