Hi everyone,
I’m on Day 2 of learning to code and I’ve just completed the HTML & HTML5 basics module. I’m taking everything I’m learning down in a notebook (I learn better this way) .
I’ve tried to put everything we learned in the basics module into practice in this code. Before I transfer it into my notebook, are there any errors or best practice changes I should make?
Thanks
<!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>
</div><br>
<button type="submit">Submit</button>
</form>
</main>
</body>
</html>