Creating a web app using HTML and CSS

LESSONĀ 5

Lesson Objectives

  • Learning how to use HTML tags with CSS

Success Criteria

  • I can use HTML tags
  • I know how to change the colour of text and background colour
  • I am able to create an online app using HTML and CSS

Keywords

  • HTML
  • CSS
  • property
  • tags

Syntax

  • H1
  • body
  • div
  • style

Starter

In your books make a table like below and explain the words what they mean.

HTML
CSS
Tags
H1
p
<>
Head
Body
Header
Footer

Task 2

Your next task is using code avengers website to create online app. Below short video is showing you how to create an app on code avengers.

Task 3

This is a screen shot of code avengers software where you will create your app following on screen instructions as describe in the above video. While you are following instructions on screen you need to take notes in your books of each code script you are using in your app.

For each code you have copied from code avengers into your book you will get 1 vivo. For example twenty lines of code will get you 20 vivo!

To get to code avengers website click the below image

Home learning

During your holiday break complete your Code avengers task and expand your HTML and CSS knowledge by completing exercises on https://www.w3schools.com/html/ website.