Learn HTML by Building a Cat Photo App - Step 1

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<html>
<body>
  <CatPhotoApp>Hello World</CatPhotoApp></body></html>
</body>
</html>

  **Your browser information:**

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

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

Link to the challenge:

2

This will not work because in HTML there is not element called “CatPhotoApp”.
In the exercise you were given this code:
<h1>Hello World</h1>

And you were given the following instructions:

The text for an element goes between its opening and closing tags.

Find the h1 element and change its text to:

CatPhotoApp

So you may need to understand what HTML is first before attempting this.
HTML is an abbreviation for “HyperText Markup Language”.
HTML was created to allow text (that is any words) to be written and shown on the browser in a way that is not just plain but marked-up. This means you can use HTML to tell the browser to show text in many interesting and fun ways (like using different colors, different fonts, sizes, you can even animate the text among many other things).
But, in order for the browser to understand what you want it to do with your text, you have to use HTML and mark-up the text. This means, for any piece of text that requires special handling by the browser, you need to add 'tags" to the left and right of the text to tell the browser to take this specific set of characters/words/phrases/lines/paragraphs etc and do something interesting with them.

So now to understand what HTML can do. This exercise gives you some text “Hello World” and this text has been marked-up with the h1 tag (that is, it has an h1 tag on the left and right of the phrase Hello World. Notice that the left hand side h1 tag looks like this <h1> while the right-hand-side tag looks like this </h1> (notice the closing tag uses a forward slash while the opening tag does not).

Alrighty then! So now what you may be wondering?
Now you just review the exercise instructions again.

The text for an element goes between its opening and closing tags.

Find the h1 element and change its text to:

CatPhotoApp

and look at the code given to you which was:

<h1>Hello World</h1>

And match up the information I gave you with the information given in the exercise.

If the text of h1 tag given to you originally was “Hello World”, then what does this exercise want you to change?

3

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