Year 10 Computer Science
  • Programming
    • Programming - Maths
    • Scratch Tutorials
    • Programming assessment
  • Computing essentials
    • What is a computer?
    • What is the Internet?
    • What is binary?
    • Encryption
  • Website
    • Learn HTML
    • Refine your HTML skills
    • HTML - extra challenge
    • CSS
    • Web Assessment
  • Electronics
    • Learn Electronics
    • Electronics Assessment
  • Data
    • Excel Basics
    • Mean, Mode, Median
    • Graphs and extras
    • Skills Test
  • Freyberg Digital Home

Learning HTML

Goal: Create your first website using HTML
Success Criteria: I know how to create a basic HTML Webpage with headings.

1. Create a folder in your documents called HTML
2. Open Up VSCode
3. Create a new file and save it as "index.html"
4. Type <!doctype html> at the top
5. Go to the extensions on the left and install "Live Server"
6. Type a sentence in place such as "I Like Cheese"
7. Click "Go Live" in the bottom right to view the web page
Picture
Picture

Tags

A correctly made web page has the following basic structure:
<!DOCTYPE html>
<html lang="en">
<head>

</head>
<body>

</body>
</html>

Create Most of what we are doing will go in between the <body> and </body> tags.

Goal:
Create an HTML page
Success Criteria: I know how to use tags to format HTML

Task: Create a webpage that uses all the tags on the right, try to see if you can get them to work. The tags will go in the body (hint: use the code above to get started)

Example of using a tag:
1.) Type <h1> </h1>
2.) Put text between it and take note of what happens

Create a webpage that uses all the tags on the right, try to see if you can get them to work






Picture
Powered by Create your own unique website with customizable templates.
  • Programming
    • Programming - Maths
    • Scratch Tutorials
    • Programming assessment
  • Computing essentials
    • What is a computer?
    • What is the Internet?
    • What is binary?
    • Encryption
  • Website
    • Learn HTML
    • Refine your HTML skills
    • HTML - extra challenge
    • CSS
    • Web Assessment
  • Electronics
    • Learn Electronics
    • Electronics Assessment
  • Data
    • Excel Basics
    • Mean, Mode, Median
    • Graphs and extras
    • Skills Test
  • Freyberg Digital Home