Build a Travel Agency Page - Build a Travel Agency Page

Tell us what’s happening:

I must be missing something but I’ll be danged if I can find it.
I cannot clear errors 31 and 32 on the Travel Agency Page project. I’ve checked every one of my anchor elements for the target=“_blank” a dozen times and all 5 have the attribute. I’m stumped. Thanks for the assist!

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="Travel Agent Page">
    <title>Travel Agency Page</title>
    <meta name="decription" content="Planning travel? Visit the Travel Agency Page!">
  </head>
  <body>
    <h1>Discover the World of Italy!</h1>
      <p>Stunning scenery, culinary perfection, unique works of art, all await you in beautiful Italy!</p>
        <h2>Packages</h2>
        <p>Spend days exploring this ancient country's many amazing and unique features: Gorgeous beaches, breathtaking scenery, unique culinary delights, ancient structures, and unbelievable shopping-all in The World of Italy!  
        </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>
       <figure>
        <a  href="https://www.freecodecamp.org/learn" target="_blank">
          <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="The Colosseo">
        </a>
          <figcaption>
            The Colosseo
          </figcaption>
        <figure>
         <a href="https://freecodecamp.org/learn" target="_blank">
           <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="The Alps">  
         </a>
          <figcaption>
             The Alps
          </figcaption>
       </figure>
       <figure>
          <a href="https://freecodecamp.org/learn" target="blank">
           <img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="The Sea">
          </a>
           <figcaption>
             The Sea
           </figcaption>
         </figure> 
    </body>
  </html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page
https://www.freecodecamp.org/learn/full-stack-developer/lab-travel-agency-page/build-a-travel-agency-page

What are tests 31 and 32? Which lines of code do you think satisfy those tests?

Welcome to the forum @bluzdogs

Here are the failing tests:

  • 31. Each a element should have an href attribute with the value of https://www.freecodecamp.org/learn. Don’t forget the links in the list items.

  • Passed:32. Each a element should have a target attribute with the value of _blank. Don’t forget the links in the list items.

For 31 check the syntax, and make sure the values are identical - something maybe missing.

For 32 double check the value: you’ll score some points under your belt.

Happy coding

Thanks for responding. The test is #13 I think? The errors generated are #s 31 and 32. It’s about the <a href=”…. “ target=" _blank”> attribute being included in each link - which as best I can tell they are.

#32 says” don’t forget to add the target attribute to the links in the unordered list. “ Which I did also.

Check your syntax here.

Thanks ! Unfortunately, that didn’t correct this issue.

I’ve copied the entire project’s HTML into Notepad, saved it as a web page, and opened it in Chrome. All 5 anchors open to the freecodecamp main page and each opens in a new tab just like the instructions dictate.

I saw in another post that the image elements should also be written with an <a href… element. That makes no sense to me, especially since the instructions state that there are five anchors. But it’s been a long time since I’ve written HTML…

Thanks again. IDK if I should create a new post with the corrected and complete HTML because I can’t add it to this post without generating an error. This thread format is a bit confusing to this old timer LOL

Can’t you just copy/paste your updated code in reply to this post? Just don’t forget to format is, please, by highlighting it and clicking the “preformatted text” button in this editor.

Hi @bluzdogs

Here are some instructions on how to post code to an existing thread.

You can also use the “preformatted text” tool in the editor (</>) to add the backticks.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

Happy coding

Thanks for the assist! Unfortunately, it doesn’t clear the two errors. I copied the code into Notepad, saved it as html, then opened it in Chrome. All 5 links navigate to the freecodecamp homepage in separate tabs just like they’re supposed to.

I’m grasping at straws but could the other issues they’re experiencing with submitting projects be affecting this as well?

Thanks again!

   <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>
The Colosseum The Colosseum The Alps The Alps the sea The Sea
~<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>
<figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank">
          <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="The Colosseo">
        </a>
          <figcaption>
            The Colosseo
          </figcaption>        
       </figure>
       <figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank">
           <img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="The Alps">
	</a>
          <figcaption>
             The Alps
          </figcaption>
       </figure>
       <figure>
          <a href="https://www.freecodecamp.org/learn" target="blank">
           <img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="the sea">
	  </a>
           <figcaption>
             The Sea
           </figcaption>
        </figure>

Thanks for the help, Teller! Learn a little every day, indeed!

Here are all 5 <a elements in my code. The target=blank error is still giving me fits. I keep scrutinizing everything to no avail. The only error I found from yesterday was a comma instead of a dot in one of the list items. What am I missing?

Thanks again!

Try checking your code with this HTML validator:

And please consider using VS Code as a local editor.

Thanks. I tried that a few days ago. It found one error where I missed the closing quotation marks after …”_blank”>. I also ran the html through an online debugger which found no errors. I’ve attached a screenshot of the results of the W3C debugger you suggested. No errors.

If I load my page into a browser, all 5 links open in a separate tab and they all lead to the indicated page.

I posted my current code for all 5 anchor elements in my reply to Teller above. If you don’t mind, would you please take a look at it?

Thanks so much again!!

Can you please share your full updated code

Is this a blooper in your code or something done when it was copy/pasted?

Also, we can’t help much if you don’t copy/paste all of your updated code, formatted please.

`es the tilde was an accident. :person_facepalming: OK, posting all my markup

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="Travel Agent Page">
    <title>Travel Agency Page</title>
    <meta name="decription" content="Planning travel? Visit the Travel Agency Page!">
  </head>
  <body>  
    <h1>
      Discover the World of Italy!
    </h1>
      <p>
	      Stunning scenery, culinary perfection, unique works of art, all await you in beautiful Italy!
      </p>
  <h2>
	  Packages
	</h2>
      <p>
	Spend days exploring this ancient country's many amazing and unique features: Gorgeous beaches, breathtaking scenery, unique culinary delights, ancient structures, and unbelievable shopping-all in The World of Italy!  
    </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>
       <figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank">
          <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="The Colosseo">
        </a>
          <figcaption>
            The Colosseo
          </figcaption>        
       </figure>
       <figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank">
           <img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="The Alps">
	</a>
          <figcaption>
             The Alps
          </figcaption>
       </figure>
       <figure>
          <a href="https://www.freecodecamp.org/learn" target="blank">
           <img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="the sea">
	  </a>
           <figcaption>
             The Sea
           </figcaption>
        </figure> 
  </body>
</html>

The HTML validator isn’t perfect, and it’s failed you in this case. Can you say what the value of each target attribute should be?

Thanks again! Here’s the target attribute

<…target=”_blank”>

Yes the tilde was an accident. :person_facepalming: OK, posting all my markup

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="Travel Agent Page">
    <title>Travel Agency Page</title>
    <meta name="decription" content="Planning travel? Visit the Travel Agency Page!">
  </head>
  <body>  
    <h1>
      Discover the World of Italy!
    </h1>
      <p>
	      Stunning scenery, culinary perfection, unique works of art, all await you in beautiful Italy!
      </p>
  <h2>
	  Packages
	</h2>
      <p>
	Spend days exploring this ancient country's many amazing and unique features: Gorgeous beaches, breathtaking scenery, unique culinary delights, ancient structures, and unbelievable shopping-all in The World of Italy!  
    </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>
       <figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank">
          <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="The Colosseo">
        </a>
          <figcaption>
            The Colosseo
          </figcaption>        
       </figure>
       <figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank">
           <img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="The Alps">
	</a>
          <figcaption>
             The Alps
          </figcaption>
       </figure>
       <figure>
          <a href="https://www.freecodecamp.org/learn" target="blank">
           <img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="the sea">
	  </a>
           <figcaption>
             The Sea
           </figcaption>
        </figure> 
  </body>
</html>

And is "_blank" the value of all your target attributes? Look carefully.

OMG!!! Thank you for your eyes!!! I swear I had looked at my html for 3 days and still missed that underscore. Having flashbacks to COBOL where a missing period caused an infinite loop that took down two campuses of my school.

Onward and upward! If you ever make it to Buffalo, I owe you a drink or an order of wings!

Thank you so much again!!!