My checklist
Web Adventures · Week 3

Lists of Adventures

Aim: Organise related items into ordered and unordered lists.

New coding words

  1. list
  2. item
  3. unordered
  4. ordered
  5. bullet

What the coding words mean

  1. list: A group of related items displayed together.
  2. item: One thing contained inside a list.
  3. unordered: A list whose items appear with bullet points.
  4. ordered: A list whose items appear in numbered order.
  5. bullet: A small symbol placed before an unordered list item.
Code along

Lists of Adventures

This code creates a webpage with a bulleted list of favourite fruits and a numbered list of morning steps.

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

Adventure Packing List

This code creates an adventure page with a bulleted packing list and a numbered list of actions.

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_3_adventure_list.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 tag creates a numbered list?

Question 2
Web code<li>Map</li>

Which tag is used for each item in a list?

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

How are you getting on so far?

My checklist

Finished Web Adventures Week 3?

Your completion and mood are saved only in this browser.