Learn HTML by Building a Cat Photo App - Step 69

Tell us what’s happening:
Describe your issue in detail here.
What does it mean by “give the meta element a charset of UTF-8”??? Nobody else seemed to ask this question, so idk if there is something obvious that I am missing.
Your code so far

<!DOCTYPE html>

<html lang="en">
    <meta UTF-8>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
          <li>cat nip</li>
          <li>laser pointers</li>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        <h3>Top 3 things cats hate:</h3>
          <li>flea treatment</li>
          <li>other cats</li>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
            <legend>What's your cat's personality?</legend>
            <input id="loving" type="checkbox" name="personality" value="loving" checked> <label for="loving">Loving</label>
            <input id="lazy" type="checkbox" name="personality" value="lazy"> <label for="lazy">Lazy</label>
            <input id="energetic" type="checkbox" name="personality" value="energetic"> <label for="energetic">Energetic</label>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        No Copyright - <a href="https://www.freecodecamp.org">freeCodeCamp.org</a>

Your browser information:

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

Challenge: Learn HTML by Building a Cat Photo App - Step 69

Link to the challenge:

Hey there!

Meta would be the element. (Meta elements are self closing, so you don’t need a closing tag.

They look like this <meta>

Meta elements tell the web browser how to display content.

Charset is and attribute that you can give to the <meta> element.

Charset specifies the character encoding of a document. Which I believe includes alphabets, symbols, and other language symbols and is considered “best practice” to use currently in web development.

So it should look like this:

<meta charset=UTF-8>

Hope that helps.

1 Like

the code worked! thanks, I would still like an explanation if you’re willing.

1 Like

Absolutely! :smiley:

I added some more data to my last post.

Hope that can help clarify things a bit.

How are you enjoying the course by the way?

I started like a month or so ago and I’m almost done Responsive Web Design course.

so far i’m enjoying the responsive web course. It can get a little challenging at times, but that doesn’t mean that it’s impossible. I figure with a little more practice I could get this down in no time.

1 Like

Yeah for sure.

I recommend listening to Newbie Web Dev podcasts at work as well and or audiobooks They will help get your mind around how all this works. Even if you don’t understand everything, later on in the curriculum it will kind of all start clicking together.

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