• Theory
  • Theory

Test: Cat tours travel agency gallery

We did an excellent job completing the assignment from Muffin where we had to make a cat gallery. As a result, he entrusted us with an order from one of his clients to create another gallery, this time for an agency that arranges cat tours.

We have three different images that we need to display using the <img> tag, and we need to specify the correct dimensions for them. And we also need to specify the link to the agency’s website in the <p> tag. We already know how to do all of this.

Let’s get down to business!

Here is the briefing from Muffin:

Meow!
  • The first image files/greece.jpg with the width 140px and the height 200px;
  • The second image files/japan.jpg with the width 150px and the height 170px;
  • The third image files/turkey.jpg with the width 170px and the height 130px;
  • Link to the travel agency website https://cats-travel.com.

Achieving Effortless Mastery

Variable practice is key to mastering something effortlessly.

That’s why, to help you apply this approach, we've put together some mastery challenges with different difficulty levels for this topic.

Once you complete these challenges, you'll be solving tasks twice as fast! That means you've really nailed the skill and are ready to move on to more advanced topics.

Mastery challenges are optional for finishing the chapter and are available to subscribers.

  • index.html
HTML
HTML

You’ve gone to a different page

Click inside the mini-browser to shift the focus onto this window.

100%
Granny Muffin

Easy there, pal!

To access the Links and images challenges in the HTML and CSS basics, you need to sign up and subscribe first.