Build a Travel Agency Page - Build a Travel Agency Page

HTML-CSS
1

Tell us what’s happening:

guys,can you please help me with this issue
29. Each img element should have a valid src attribute.
30. Each img element should have an alt attribute with an appropriate value.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="width=device-width">
    <title>Travel Agency page</title>
  </head>
  <body>
    <h1>Destinations for the next summer vacation in 2026</h1>
    <p>This is a summary of ideas for vacation destinations that combine cultural, nature and aspects of my main hobby, that is surfing.</p>
    <h2>Packages</h2>
    <p>Choose the package that best fits your budget</p>
    <ul>
      <li><a href="https://www.freecodecamp.org/learn" target="_blank">Group Travels</a></li>
        <li><a href="https://www.freecodecamp.org/learn" target="_blank">Private Tours</a></li>
    </ul>
    <h2>Top Itineraries</h2>
    <ol>
      <li>
        <figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank">
        <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="destination1"><img>
        </a>
        <figcaption>Visiting the colloseum</figcaption>  
        </figure>
      </li>
      <li>
        <figure>
     <a href="https://www.freecodecamp.org/learn" target="_blank">
        <img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="destination2"></img>
        </a>
        <figcaption>Visiting the pyramid in Egypt </figcaption>
        </figure>
        </li>
         <li>
          <figure>
     <a href="https://www.freecodecamp.org/learn" target="_blank">
        <img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="destination3"></img>
        </a>
        <figcaption>hiking </figcaption>
        </figure>
        </li>
    </ol>
    <a href="https://www.freecodecamp.org/learn" target="_blank"></a>
  </body>
  </html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:148.0) Gecko/20100101 Firefox/148.0

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page

2

Hi @ridwanfuzi7 ,

The syntax for your img elements is incorrect.

Do you remember how the img element differs from most other HTML elements?

Happy coding!

1 Like
3

Your alt attribute isn’t descriptive enough for accessibility. Think about how a visually impaired person who uses a screen reader would understand what image is being shown. destination1 doesn’t mean anything to them, even though it means something to you. Not sure why a number was added to it. It should be as if you were writing a descriptive short sentence, not a label…if that makes sense? Hope this helps,

As for the img, @dhess said it best.

4

i forgot the closing tag

thank you @dhess

5

img has no closing tag…that was my point. img is a void element.

6

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.