Learn HTML by Building a Cat Photo App - Step 30

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
the alt option isnt working ive tried at least 10 diffrent things and it still doesnt register as alt
Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>

<!-- User Editable Region -->

          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg">

<!-- User Editable Region -->

        </figure>
      </section>
    </main>
  </body>
</html>

Your browser information:

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

Challenge: Learn HTML by Building a Cat Photo App - Step 30

Link to the challenge:

2

Welcome to our community!

As I can see, you didn’t try to solve the problem. The posted code is given by default in this challenge. Next time, try first, then if you can not solve the challenge, post a code. Here you should add the attribute named ‘alt’ with the given text as its value:

<img src="URL" attribute="value">

This is guidance.
‘alt’ is the attribute,
and the given text is the value.

3

my bad i may have restarted it before posting because i was checking other peoples online forums here to see but couldnt find much on here but bassically the alt will not register and stays as normal text it doesnt react and i have tried numours things even going as far as restarting the entire pc i dont know how to explain better then that

4

i also know it isnt a typo because im following exact text from people that have had issues and its still the same thing

5

i was able to figure it out i put a> where it should not have been ive been working on this for a bit so i guess somtimes its the simple things that get missed but thank you anyway for your help

1 Like
6

You need to try again and then show us your failed code if it doesn’t pass.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

7

well that is really good to know thank you because im new to all of this and its kind of confusing still :joy:

8

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