Every web page you have ever visited is a text file full of tags. A browser reads the tags and turns them into headings, pictures and links. At the Web Workshop, Year 5 coders learn to read that hidden language: HTML.
Apa yang akan dipelajari anak anda
- Know that a browser shows web pages and that links join them together
- Know that pages are written in HTML, using tags in angle brackets
- Recognise common tags: headings, paragraphs, pictures, links and lists
- Know that most tags come in pairs, and that CSS controls how a page looks
Tags mark out the parts
A tag is a word in angle brackets. <h1> starts a main heading and </h1> ends it — the slash means “stop”. <p> wraps a paragraph, <img> shows a picture and <a> makes a link.
Three languages working together
HTML says what is on the page. CSS says how it looks — colours, fonts and layout. JavaScript makes it do things, like react to a click.
Contoh soalan
Berikut ialah beberapa soalan seperti dalam misi pertama. Bolehkah anda menjawabnya?
1. Which tag makes a paragraph?
- <img>
- <a>
- <h1>
- <p>
Tunjuk jawapan
Jawapan: <p>. p is short for paragraph.
2. Which tag makes the biggest heading?
- <h6>
- <p>
- <li>
- <h1>
Tunjuk jawapan
Jawapan: <h1>. Headings run from <h1>, the biggest, to <h6>, the smallest.
3. Which language are web pages written in?
- Binary bulbs
- Morse code
- HTML
- Sign language
Tunjuk jawapan
Jawapan: HTML. HTML stands for HyperText Markup Language.
Tip untuk orang dewasa
- On a computer, right-click a simple web page and choose “View page source” to see its tags.
- Write <h1>My Page</h1><p>Hello!</p> in a text file, save it as page.html and open it in a browser.
- Spot headings, paragraphs, links and pictures on a favourite site and name their tags.