I dont understand how to use html tags

HTML-CSS
1

I dont understand how to use html tags:

  **<h2>CatPhotoApp</h2>

Click here to view more cat photos.

A cute orange cat lying on its back.

Things cats love:

  • cat nip
  • laser pointers
  • lasagna

Top 3 things cats hate:

  1. flea treatment
  2. thunder
  3. other cats
Indoor Outdoor
Loving Lazy Energetic
Submit ** 

<!DOCTYPE html>
<html>
<head>
    <title>CatPhotoApp</title>
 </head>
	
 <body>
<h1>  </h1>  
<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">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">
  <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
  <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br>
  <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>
  <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
  <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>
</html>

  **Your browser information:**

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

HTML tags: Declare the Doctype of an HTML Document

Link to the challenge:

2

what issue are you having with them?

3

i don’t know how to wrap the h1 element

4

why have you added all those elements? the starting code here is empty and wants only those three things

5

well your missing a closing tag, so for you to wrap your h1 element you will need to figure out which element is missing a closing tag

6

i didn’t understand it, thats why i put those elements there

7

I’m still stuck on it, nothing i have tried has worked so far

8

I think for you to figure this out
you need to
1)reset the code
2) figure out what goes on the outside
3) figure out what goes on the inside

My analogy, when we wrap a present,
we have a ribbon on top, we have the wrapper on the outside, and the present on the inside.

so using

<html> , <!DOCTYPE html>  and <h1>

could you figure out which order those go?
there is only 3! ways so 6 total ways you can order 3 things. so I think you got this.

9

This doesnt help but thanks for your time.

10

I was told not to give answers directly. since it doesn’t teach you.

<h1> inside </h1>

^in this example h1 is wrapping the word “inside” , now try the same thing but with

<html> <h1> don't forget the closing tags
11

Already got it, thanks anyway…giving answers doesnt help…just looking for an hint would go a long way

12

I am glad you were able to figure it out.

13

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