Computer Science

a section of a web page used to group items

an identifier that can be applied to a collection of HTML elements

Web page layouts using CSS divisions

HTML fundamentals

Images and links

Planning a mini website

CSS fundamentals

CSS for layout

JavaScript

Web based project I

Web based project II

In this unit pupils will explore how websites are displayed within a browser using HTML and CSS. They will examine how websites are requested and delivered to our computer via the internet and the WWW. They will create the structure of a website using HTML and change the styling using CSS.

HTML programming project

Divisions can only be formatted using inline styles.

Multiple divisions can share the same class name for consistent formatting.

What is TRUE about formatting divisions in CSS?

changes the background colour of an element

What does the font-size property in CSS do?

Use the `<div>` tag to create sections in the HTML code.

Apply the classes to the divisions on the web page.

Put these steps in the correct order to create and style divisions on a web page:

What is the CSS property used to create space between the content of an element and its border?

to style and format the appearance of a web page

What is the purpose of CSS in web design?

Which of the following is an example of a CSS property?

to group elements together for styling purposes

What is the purpose of the class attribute in HTML?

to define internal CSS styles for a web page

What is the purpose of the `<style>` tag in HTML?

This lesson was made for home learning during the pandemic.

Web page layouts using CSS divisions

Lesson outcome

This lesson was made for home learning during the pandemic.