html
12 minLearning in PidginLinks and Images
Add picture of Ada's food and link to where she dey.
What you'll learn
- Use a to add links
- Use img to add pictures
- Use src and alt correctly
Before you start
- headings-and-paragraphs
Now Ada wan make people see her food and know where to find am. Two tags go help her: <a> for links and <img> for pictures.
Links — a
To add a link, use <a href="https://...">. Di text inside di tag na wetin people go see and click. For Ada, e fit be her location or her phone number.
Pictures — img
To add a picture, use <img src="picture-link" alt="short description" />. src na di link of di picture. alt na di text wey show if di picture no load, and e help blind people too. Unlike a, img no get closing tag.
<a href="https://maps.google.com">Come find us</a>
<img src="https://example.com/ada-food.jpg" alt="Ada's jollof rice" />Try it yourself
Link + image
Open in playground →html
<a href="https://maps.google.com">Come find us</a> <img src="https://example.com/ada-food.jpg" alt="Ada's jollof rice" />
