StreetDocsPlayground
html
12 minLearning in Pidgin

Links 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

html
<a href="https://maps.google.com">Come find us</a>
<img src="https://example.com/ada-food.jpg" alt="Ada's jollof rice" />