Web Adventures · Week 1

Hello, Web!

Aim: Create and view your first webpage.

New coding words

  1. website
  2. webpage
  3. HTML
  4. tag
  5. browser

What the coding words mean

  1. website: A collection of webpages that belong together.
  2. webpage: One page that can be viewed in a web browser.
  3. HTML: The coding language used to organise the content of a webpage.
  4. tag: A special instruction written inside angle brackets. Most tags come in a pair: an opening tag like <h1> and a closing tag like </h1>.
  5. browser: A program that displays webpages, such as Chrome, Edge or Safari.
Code along

Hello, Web!

This code creates a simple webpage with the title “My First Webpage,” a large heading saying “Hello, web!”, and a short paragraph.

Coding space

Edit index.html for your webpage’s content. Select the tab you want to edit, then select Run my code to see your changes in Preview. Your changes save separately for this activity in this browser.

Tab indents. Esc then Tab leaves the editor. Ctrl/⌘ + Enter runs your code.

PreviewYour webpage
What will you create?

Select Run my code to see your webpage here.

Mini project

Welcome to My World

This code creates a welcome webpage with a page title, a large heading and two short paragraphs about a pretend Web Explorer.

Coding space

Edit index.html for your webpage’s content. Select the tab you want to edit, then select Run my code to see your changes in Preview. Your changes save separately for this activity in this browser.

Tab indents. Esc then Tab leaves the editor. Ctrl/⌘ + Enter runs your code.

PreviewYour webpage
What will you create?

Select Run my code to see your webpage here.

Your mini-project to-do list

0 of 4 completed

Complete these activities in the mini-project editor above. After each change, select Run my code to check your webpage.

Save your finished mini project

Select Download my work and save the file as week_1_welcome.html. You can open this .html file in a browser to view your webpage.

Debugging detective

Chi Opara, your course guide

Knowledge check

Question 1

Which program displays a webpage?

Choose one answer
Question 2
Web code<p> ... </p>

What does this HTML tag do on a webpage?

Your answers are checked in this browser and are not submitted.

How are you getting on so far?

My checklist

Finished Web Adventures Week 1?

Your completion and mood are saved only in this browser.