The World Wide Web: Information Access

Active learning works for this topic because students need to experience the gap between raw code and rendered output to grasp how the web delivers information. Building, inspecting, and mapping web elements helps students move from abstract ideas about the internet to concrete understandings of how structure, navigation, and access function together.

• Year 7
• Computing
• 4 activities
• 25 min–40 min

Learning Objectives

1. Compare the structure of the physical internet with the World Wide Web, identifying key differences in their components and functions.
2. Explain how search engine algorithms use keywords, backlinks, and page authority to rank search results.
3. Analyze the impact of hyperlinks on information consumption, demonstrating how they enable non-linear navigation and content discovery.
4. Create a simple HTML document that includes text, an image, and at least two hyperlinks to external websites.
5. Evaluate the credibility of information found through web searches by considering source, date, and potential bias.

Project-Based Learning

⏱ 30 min·Pairs

Pairs: Build Basic HTML Page

Pairs use a text editor to create an HTML file with headings, paragraphs, images, and hyperlinks. They save and open it in a browser to view results. Partners then modify each other's code and explain changes.

Prepare & details

What is the difference between the physical internet and the web?

Facilitation Tip: During the pair activity, circulate to ensure partners take turns typing and discussing each HTML tag’s purpose before moving forward.

Setup: Flexible workspace with access to materials and technology

Materials: Project brief with driving question, Planning template and timeline, Rubric with milestones, Presentation materials

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Project-Based Learning

⏱ 40 min·Small Groups

Small Groups: Search Result Analysis

Groups enter identical queries into two search engines and record top results. They compare rankings and identify factors like keywords or links influencing order. Groups share findings in a class discussion.

Prepare & details

Explain how search engines determine which results are most relevant.

Facilitation Tip: For the small group search analysis, provide a short list of queries and ask groups to compare their results and justify why certain pages ranked higher.

Setup: Flexible workspace with access to materials and technology

Materials: Project brief with driving question, Planning template and timeline, Rubric with milestones, Presentation materials

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Project-Based Learning

⏱ 35 min·Whole Class

Whole Class: Hyperlink Mapping

Project a webpage and have the class trace hyperlinks to related pages. Students sketch a visual map on paper or digital tools, noting how links connect information non-linearly. Discuss navigation changes.

Prepare & details

Analyze how the use of hyperlinks changes the way we consume information.

Facilitation Tip: During hyperlink mapping, remind students to label each node with the type of content (image, text, link) and the URL path to clarify how pages connect.

Setup: Flexible workspace with access to materials and technology

Materials: Project brief with driving question, Planning template and timeline, Rubric with milestones, Presentation materials

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Project-Based Learning

⏱ 25 min·Individual

Individual: Browser Inspection

Students right-click a webpage to inspect HTML elements using developer tools. They identify tags for content and links, then alter CSS briefly to see effects. Note observations in a log.

Prepare & details

What is the difference between the physical internet and the web?

Setup: Flexible workspace with access to materials and technology

Materials: Project brief with driving question, Planning template and timeline, Rubric with milestones, Presentation materials

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Teaching This Topic

Teachers should approach this topic by starting with hands-on building to make abstract concepts tangible. Avoid going straight to definitions; instead, let students experience the process of creating structure with HTML and then inspect how browsers interpret it. Research shows that when students see immediate visual feedback from code edits, their understanding of markup versus programming language solidifies more quickly.

What to Expect

Successful learning looks like students accurately distinguishing the internet from the web, explaining how search engines rank results using hyperlinks and keywords, and identifying HTML tags that structure a page. Students should also demonstrate the ability to navigate web content through hyperlinks and inspect browser-rendered code.

Watch Out for These Misconceptions

Common Misconception

During the Build Basic HTML Page activity, watch for students who conflate the web with the internet when they describe their page as 'being on the internet.'

What to Teach Instead

Use this activity to clarify by having students draw a simple layered diagram showing their HTML file sitting on top of a server, which is connected through cables to the internet.

Common Misconception

During the Search Result Analysis activity, listen for students who assume search engines check every page on the web for each query.

What to Teach Instead

Guide students to notice that their results come from pre-indexed pages by asking them to compare their queries with the dates listed under search results, emphasizing the time gap between crawling and ranking.

Common Misconception

During the Build Basic HTML Page activity, watch for students who treat HTML like a programming language that executes logic.

What to Teach Instead

Point out that HTML tags only structure content by asking students to change a heading tag from <h1> to <h2> and observe how the visual size changes without running any code.

Assessment Ideas

Exit Ticket

After the Build Basic HTML Page activity, ask students to write down one difference between the internet and the web, one factor a search engine uses to rank results, and one example of a hyperlink they used today.

Discussion Prompt

During the Hyperlink Mapping activity, pose the question: 'Imagine you are researching a historical event. How does the use of hyperlinks change the way you gather information compared to reading a single book?' Facilitate a brief class discussion, encouraging students to share examples.

Quick Check

After the Browser Inspection activity, present students with a short, simple HTML code snippet. Ask them to identify the tags used for headings, paragraphs, and links, and predict what the output would look like in a browser.

Extensions & Scaffolding

• Challenge: Ask early finishers to add a simple CSS style block to their HTML page and explain how styling affects content structure.
• Scaffolding: For students who struggle with HTML, provide a partially completed template with labeled tags and spaces for them to insert new elements.
• Deeper Exploration: Have students research how search engines use PageRank algorithms to rank pages and present findings to the class.

Key Vocabulary

HTML	HyperText Markup Language, the standard coding language used to create web pages and structure their content.
Web Browser	Software application used to access and display information on the World Wide Web, such as Chrome, Firefox, or Safari.
Search Engine	A program that searches for information on the World Wide Web, using crawlers to index pages and algorithms to rank results.
Hyperlink	A clickable element in a digital document that connects to another document or resource, often used to navigate between web pages.
Crawler	An automated program used by search engines to systematically browse the World Wide Web, collecting data for indexing.