Basics - feedback please

1

Hi,

I’ve just completed the basic HTML and HTML5 module (it’s just my second day learning) and have tried to put everything I’ve learned into one example.

Before I copy it into my notebook (I learn better this way) are there any corrections or changes to be made?

Thanks :+1:

<!DOCTYPE html>
<html>
  <head>
  <title>The best page ever</title>
  </head>

<body>
  <h1>The best page ever</h1>
<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="http://freecodecamp.org">cat photos</a>.</p>

  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

  <div>
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  </div>
  <form action="https://freecatphotoapp.com/submit-cat-photo">
    <input type="text" placeholder="cat photo URL" required>
    <p>Do you have an indoor or outdoor cat?</p>
    <label for="indoor"> 
  <input id="indoor" type="radio" name="indoor-outdoor" value="indoor">Indoor
</label><br>
<label for="outdoor"> 
  <input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor">Outdoor 
</label>
</div>

<div>
  <p>Tell us about your cat. Do you give them;</p>
  <label for="wet"><input id="wet" type="checkbox" value="wet-food" name="cat-gets">Wet Food</label><br>
   <label for="dry"><input id="dry" type="checkbox" value="dry-food" name="cat-gets">Dry Food</label><br>
    <button type="submit">Submit</button>
  </form></div>
</main>
</body>
</html>
2

2 posts were merged into an existing topic: Basics - feedback please

4

Please do not create duplicate topics for the same challenge/project question(s). This duplicate topic has been unlisted.

Thank you.

1 Like