Web Adventures · Week 4

Link Explorer

Aim: Add safe, clickable links to a webpage.

New coding words

link
anchor
href
URL
click

What the coding words mean

link: Something you can select to open another page or place.
anchor: The <a> element used to create a link.
href: The part of a link that stores its destination.
URL: The web address of an online page.
click: To select something using a mouse, touchpad or touchscreen.

Code along

Link Explorer

This code creates a webpage with clickable words that open the Example webpage.

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

My Safe Links Page

This code creates a safe-links page with an approved website link placed inside a bulleted list.

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.

Level 1: Change the clickable words without changing the URL.Level 2: Add a second link approved by a grown-up.Level 3: Place three approved links inside a list.

Save your finished mini project

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

Debugging detective

In your mini-project code: Change href to herf. Try the link, find the spelling mistake and repair it. Select Run my code after each change to check your webpage.

Knowledge check

Question 1

Which HTML element creates a link?

<a><p>

Question 2

What does href tell the browser?

Your answer

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

How are you getting on so far?

My checklist

Finished Web Adventures Week 4?

Your completion and mood are saved only in this browser.