Learn HTML by Building a Cat Photo App About Browser Extensions

1

I have finished the code. However, I was constantly told that " You appear to be using a browser extension that is modifying the page. Be sure to turn off all browser extensions."

My OS is Windows 11, and I used Edge as my browser. I am sure that I turned off all the browser extensions.
Is there anything that I was missing?

The following is what my code looks like. I know it seems ugly, but as far as I know it should be working since in preview it appears just fine.

<!DOCTYPE= html>
<html>
<head>
<style>

</style>



</head>



<body>

    <h1>CatPhotoApp</h1>

    <h2>Cat Photos </h2>


    <p>See more <a href="https://freecatphotoapp.com/">  cat photos</a> in our gallery.</p>


    <img src="https://bit.ly/fcc-relaxing-cat">


    <h2>Cat Lists</h2>


    <h3>Things Cats Love:</h3>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<img class= lasgna src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg">
<p> Cats <i>love</i> lasagna. </p>

<h3>Top 3 things cats hate:</h3>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>

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

<h2>Cats Form</h2>

<fieldset>
  <legend>Is your cat an indoor or outdoor cat?</legend>

  <span>
      <input type="radio" id="Indoor" name="Indoor" checked>
      <lable for="Indoor"> Indoor</label>
      <input type="radio" id="Outdoor" name="Outdoor">
      <lable for="Outdoor"> Outdoor</label>
  </span>
</fieldset>

<fieldset>
  <legend>What's your cat's personality?</legend>

  <span>
      <input type="checkbox" id="Loving" name="Loving" checked>
      <lable for="Loving"> Loving</label>
      <input type="checkbox" id="Lazy" name="Lazy">
      <lable for="Lazy"> Lazy</label>
      <input type="checkbox" id=" Energetic" name=" Energetic">
      <lable for=" Energetic">  Energetic</label>
  </span>
</fieldset>

<span>
    <input type="url" id="cats photo URL" name= "cats photo URL"
     placeholder="cats photo URL">
    <input type="submit" value="Submit">
    <br/>
    <p>No copyright- <a href="https://www.freecodecamp.org/">freeCodeCamp.org</a></p>     
</body>
</html>
2

I’m a little confused here. This can’t be the code you used in FCC to complete the Cat Photos App course because there are quite a few errors in it. For example, you are using the incorrect lable element instead of label. Can you explain where you are using this HTML?

3

Oops. Thanks for telling me that.

The “lables” indeed are typos.

But this code is definitely for Cat Photos App course…

I correct this and it’s still not letting me pass, saying it’s due to unclosed browser extensions.

4

And that is where I am confused. There are a ton of “errors” in the HTML, in which I mean that the code you pasted above is not what the steps were asking you to create. There are too many inconsistencies for me to point them all out. So that’s why I’m wondering where you are getting this HTML from? Something isn’t making sense here. There is no reason you should be using the code above in the Cat Photo App course.

5

It’s not that I don’t think the code could be full of errors, but my problem is that the site keeps telling me that some browser extensions prevent my code from working. Meanwhile, it’s not telling me about errors in codes, and that’s why I guess it’s something wrong with my browser extensions. (All of which I’m sure I have disabled)

I also wonder what you mean by there is no reason I should be using the code for the (RWD)Cat Photo App course. Is the code so irrelevant to the project? I know the format is kinda messy,like there is nothing in the head information. But I think as for what is written in the body, there should not be too many errors…Or I was totally wrong…

6

OK, let’s try another approach. Which step in the Cat Photo App course are you having a problem passing?

1 Like
7

Oh, I guess I see what was going on there.

Since I have learned about HTML for a while, I just put in the code for the whole project in step 1…

I guess that was the reason that it did not let me pass…I was totally wrong about the purpose of the course…

I will finish it step by step again. Thanks for the help. I am so sorry for mistaking it all and being rude.

8

OK, now it is making sense. Ya, just go step by step.

9

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