Year 8 · Autumn 2
Building the Web · Lesson 2 of 5
Text, links and images
PracticalTopic 16 The web
Year 8 · Building the Web · Lesson 2 of 5
You will learn to
- Use the ul and li tags to make a bullet list.
- Create a link with the a tag and its href attribute.
- Add an image with src and alt attributes, and explain why alt text matters.
- Identify the protocol, domain and path in a URL, using the URL toy.
Year 8 · Building the Web · Lesson 2 of 5
Success criteria
You have got it when you can say:
- I can add a list, a link and an image to my page.
- I can explain that an attribute adds extra information inside the opening tag.
- I can write alt text that describes an image for someone who cannot see it.
- I can take a URL apart and name each part.
Year 8 · Building the Web · Lesson 2 of 5
Retrieval starter
Questions from before. Write your answers, then show them.
- Last lesson
Which controls how a page looks?
A DNSB CSSC HTML
B. CSS
- Last unit
Which makes a standalone .exe file?
A CompilerB Interpreter
A. Compiler
- Last year
In a flowchart, a decision is a…
A DiamondB RectangleC Oval
A. Diamond
Year 8 · Building the Web · Lesson 2 of 5
Key words
- URL
- The full web address of something online.
- Protocol
- A set of agreed rules for communication.
- HTML
- Markup language for the content of web pages.
- CSS
- Language that styles how web pages look.
The explanation · step 1 of 1
Reading a URL
A URL is the full address of one thing on the web: https://www.bbc.co.uk/news/technology?page=2
| Part | Example | Meaning |
|---|---|---|
| Protocol | https:// | Which rules. The s means encrypted |
| Domain | www.bbc.co.uk | Which server. DNS turns it into an IP address |
| Top-level domain | .co.uk | Country or type (.uk, .es, .com) |
| Path | /news/technology | Which page on the server |
| Query | ?page=2 | Extra information for the page |
Year 8 · Building the Web · Lesson 2 of 5
Try it: Take a URL apart
Year 8 · Building the Web · Lesson 2 of 5
Quick quiz · 1 of 3
A box has width 100px, padding 10px, border 2px, margin 5px. How wide is it on screen, from border edge to border edge?
- A 124px
- B 112px
- C 134px
A. 124px
Content + padding on both sides + border on both sides: 100 + 20 + 4 = 124px. Margin is outside the border.
Year 8 · Building the Web · Lesson 2 of 5
Quick quiz · 2 of 3
The padlock in the address bar tells you…
- A The site is honest
- B The site has no viruses
- C The connection is encrypted with HTTPS
C. The connection is encrypted with HTTPS
It proves the domain and encrypts the traffic. It says nothing about honesty.
Year 8 · Building the Web · Lesson 2 of 5
Quick quiz · 3 of 3
When you search, a search engine looks in…
- A Its index, built earlier by crawlers
- B Your browser history
- C The live web, right then
A. Its index, built earlier by crawlers
Crawl → index happen in advance. Searching just looks words up in the index, then ranks the matches.
Year 8 · Building the Web · Lesson 2 of 5
Exit ticket
Answer on paper before you go. Then check.
In https://www.bbc.co.uk/news, the path is…
A /newsB https://C www.bbc.co.uk
A. /news The path comes after the domain. It says which page on that server.
404 means…
A OKB The server crashedC Not found
C. Not found The server works, but there's no page at that path. A crash would be 500.