Taking shortcuts

Students will start to experiment with using CSS to format tags in a HTML document. They will then progress to apply their own formatting schemes to work that they have already created. As they become more experienced in the structure of CSS, students should look to extend their knowledge by researching the numerous attributes that can be controlled by CSS.

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:

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!

Q1.What is the current standard for HTML?

1/7

Q2.What is the main purpose of alt tags?

2/7

Q3.What is the correct tag to display an image?

3/7

Q4.In the example in the previous question, where would we add the alt tag?

4/7

Q5.What is the purpose of <!DOCTYPE html>?

5/7

Q6.When creating a new web page, which tag comes first the <html> or the <body> tag?

6/7

Q7.When using the width attribute for images, what comes directly after it?

7/7

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:

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!

Q1.What is the current standard for HTML?

1/7

Q2.What is the main purpose of alt tags?

2/7

Q3.What is the correct tag to display an image?

3/7

Q4.In the example in the previous question, where would we add the alt tag?

4/7

Q5.What is the purpose of <!DOCTYPE html>?

5/7

Q6.When creating a new web page, which tag comes first the <html> or the <body> tag?

6/7

Q7.When using the width attribute for images, what comes directly after it?

7/7

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:

Taking shortcuts

This is to assess what you have learnt in this lesson.

Q1.CSS is easier to change formatting than inline formatting of HTML.

1/5

Q2.CSS takes more time to format large HTML documents.

2/5

Q3.CSS requires a reference to the style sheet within the HTML document.

3/5

Q4.CSS makes HTML web pages more consistent in their formatting.

4/5

Q5.The tags specified in a CSS document need to be referenced using angular brackets, e.g. <h1>

5/5

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:

Taking shortcuts

This is to assess what you have learnt in this lesson.

Q1.CSS is easier to change formatting than inline formatting of HTML.

1/5

Q2.CSS takes more time to format large HTML documents.

2/5

Q3.CSS requires a reference to the style sheet within the HTML document.

3/5

Q4.CSS makes HTML web pages more consistent in their formatting.

4/5

Q5.The tags specified in a CSS document need to be referenced using angular brackets, e.g. <h1>

5/5

Lesson summary: Taking shortcuts

It looks like you have not completed one of the quizzes.

To share your results with your teacher please complete one of the quizzes.

Time to move!

Did you know that exercise helps your concentration and ability to learn?

For 5 mins...

Move around:
Walk

On the spot:
Dance

The next lesson in:
Networks 2
is:
Searching the web

Browse Oak's lessons: