Lists, links and images

## Lists A bulleted list is `<ul>`, a numbered list is `<ol>`. Each item is an `<li>`. ```html <ul> <li>Apple</li> <li>Banana</li> </ul> <ol> <li>Boil the water</li> <li>Make the tea</li> </ol> ``` You can put a list inside a list — just write a new `<ul>` inside an `<li>`. ## Links ```html <a href="https://scratch.mit.edu">Scratch</a> ``` `href` is an **attribute** — it gives the tag extra information. To open the link in a new tab, add `target="_blank"`. ## Images ```html <img src="https://codelab.school/img/cat.png" alt="Cat"> ``` - `src` — the address of the picture - `alt` — the description shown when the picture can't be seen (always write it!) `<img>` has no closing tag. > 🧩 Problems: **HTML/CSS → Level 3, 4**