Basic HTML and HTML5

Explanations for the freeCodeCamp.org curriculum.
    <h1>Hello</h1>
    
    <!-- 
    To pass the test on this challenge, change your h1 
    element's text to say "Hello World". 
    -->
    
    
    <h1>Hello World</h1>
    <h2>CatPhotoApp</h2>
    
    <!-- 
    Add an h2 tag that says "CatPhotoApp" to create a second 
    HTML element below your "Hello World" h1 element. 
    -->
    <h1>Hello World</h1>
    <h2>CatPhotoApp</h2>
    <p>Hello Paragraph</p>
    
    <!-- 
    Create a p element below your h2 element, 
    and give it the text "Hello Paragraph". 
    -->
    <h1>Hello World</h1>
    
    <h2>CatPhotoApp</h2>
    
    <p>Hello Paragraph</p>
    
    <!-- 
    Replace the text inside your p element with the first few words of t
    Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretchi
    -->
    
    <!-- <h1>Hello World</h1>
    
    <h2>CatPhotoApp</h2>
    
    <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere
    
    
    <!-- Uncomment your h1, h2 and p elements. -->
    <!--
    <h1>Hello World</h1>
    
    <h2>CatPhotoApp</h2>
    
    <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere
    -->
    
    <!-- Comment out your h1 element and your p element, but not your
    <h1>Hello World</h1>
    
    <h2>CatPhotoApp</h2>
    
    <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
    
    <!-- Delete your h1 element so we can simplify our view. -->
    <h2>CatPhotoApp</h2>
    
    <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
    
    <main>
    <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.<p>
    </main>
    <!-- 
    Create a second p element after the existing p element with the foll
    Purr jump eat the grass rip the couch scratched sunbathe, shed every
    
    Wrap the paragraphs with an opening and closing main tag. 
    -->
    <img src="https://bit.ly/fcc-relaxing-cat" alt="Relaxing cat"/>
    
    <h2>CatPhotoApp</h2>
    <main>
      <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
      <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
    </main>
    <!-- 
    Let's try to add an image to our website:
    Insert an img tag, before the h2 element.
    
    Now set the src attribute so that it points to this url:
    https://bit.ly/fcc-relaxing-cat
    
    <h2>CatPhotoApp</h2>
    <main>
      <a href="https://freecodecamp.org"
      
      <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on 
      
      <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretchin
      <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everyw
    </main>
    
    <!-- 
    Create an a element that links to http://freecatphotoapp.com and has "cat photos
    -->
    <h2>CatPhotoApp</h2>
    <main>
      
      <a href="#contact" target="_blank">cat photos</a>
      
      <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
      
      <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretchin
      <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everyw
      <p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, 
      <p>Intently stare at the same spot poop in the plant pot but kitten is p
      
    </main>
      
    <h2>CatPhotoApp</h2>
    <main>
      <p> View more
      <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
      </p>
      
      <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
      
      <p>Kitty ipsum dolor sit amet, shed <a href="http://freecodecamp.org"
      <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
    </main>
    
    <!-- 
    Now nest your existing a element within a new p element (just after the existing
    <h2>CatPhotoApp</h2>
    <main>
      <p>Click here to view more <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>.</p>
      
      <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
      
      <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
      <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
    </main>
    
    <!-- 
    The current value of the href attribute is a link that points to "ht
    -->
    <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>
      
      <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
      <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
    </main>
    
    <!-- 
    Place the existing image element within an anchor element. 
    -->
    <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>
      
      <ul>
          <li>milk</li>
          <li>cheese</li>
          <li>coding</li>
      </ul>
    </main>
    <!-- 
    Remove the last two p elements and create an unordered list of three
    <h2>CatPhotoApp</h2>
    <main>
        <p>Click here to view more <a href="#">cat photos</a>.<
      
        <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute 
      
        <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>
    <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>
      
      <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>
    <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>
      
      <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>
    <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>
      
      <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>
    <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>
      
      <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>
    <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>
      
      <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>
    <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>
      
      <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>
    <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>
      
      <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>
    
    <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>
      
      <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>
    
    <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>
      
      <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>
    
    <!DOCTYPE html>
    <html>
      <title>The best page ever</title>
      
      <h1>The best page ever</h1>
      <p>Cat ipsum dolor sit amet, jump launch to pounce upon little yarn mous
      
    </html>