Read this if you need to understand HTML elements and attributes

    <CatPhotoApp>Hello World</CatPhotoApp>

Hello newbies! If your solution to Step 1 of the “Learn HTML by Building a Cat Photo App” is not working and it looks like the above line of code, then you’ve come to the right place!

HTML-Element

9 Likes
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 15
Learn HTML by Building a Cat Photo App - Step 3
Learn HTML by Building a Cat Photo App - Step 2
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 12
Learn Basic CSS by Building a Cafe Menu - Step 1
Match what is told still wrong though
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 2
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1 I
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 2
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn Basic CSS by Building a Cafe Menu - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 15
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML Forms by Building a Registration Form - Step 49
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 1
Learn HTML by Building a Cat Photo App - Step 2
Learn HTML by Building a Cat Photo App - Step 1

Are you confused about attributes? This post is for you…

Attributes-HTML

In Summary:
HTML attributes are usually key-value pairs that provide additional information to the browser about the HTML element they are defined within.
For eg. The src attribute tells the browser the location in which an img element’s image is to be found.
The type attribute of an input element tells the browser what type of input field to create.
The class attribute identifies the HTML elements it belongs to as belonging to a specific grouping or class such that they can all be handled as a group in the CSS.

These are all examples of attributes.
All attributes are created within the opening tag of their respective elements.

They usually take the form of

name=value

(That is why they are called key-value pairs)

You can also specify more than one attribute in the same tag.
Simply add the attribute statements with one space between each statement. For eg below the anchor element has two attributes.

<a href=“some website URL” target=“_blank”>Click it!</a>
10 Likes
Learn HTML by Building a Cat Photo App - Step 14
Learn HTML by Building a Cat Photo App - Step 38
Learn HTML by building a cat photo app step 14
Learn HTML by Building a Cat Photo App - Step 46
Learn HTML by Building a Cat Photo App - Step 36
Learn HTML by Building a Cat Photo App - Step 8
Learn HTML by Building a Cat Photo App - Step 9
Learn Basic CSS by Building a Cafe Menu - Step 32
Learn HTML by Building a Cat Photo App - Step 12
Learn HTML by Building a Cat Photo App - Step 14
Learn HTML by Building a Cat Photo App - Step 14
Learn HTML by Building a Cat Photo App - Step 14
Learn HTML by Building a Cat Photo App - Step 14
Learn Basic CSS by Building a Cafe Menu - Step 27
Learn HTML by Building a Cat Photo App - Step 14
Learn HTML by Building a Cat Photo App - Step 14
Learn HTML Forms by Building a Registration Form - Step 17
Learn HTML by Building a Cat Photo App - Step 14
Learn HTML by Building a Cat Photo App - Step 14
Learn HTML by Building a Cat Photo App - Step 14
Learn HTML by Building a Cat Photo App - Step 14 Add a target attribute with the value _blank to the anchor (a) element's opening tag, so that the link opens in
Learn HTML by Building a Cat Photo App - Step 46
Learn HTML by Building a Cat Photo App - Step 14
Learn HTML by Building a Cat Photo App - Step 14
Learn HTML by Building a Cat Photo App - Step 14
Learn HTML by Building a Cat Photo App - Step 14
Step 14 where i need to put an attribute _blank
Learn HTML by Building a Cat Photo App - Step 14
Learn HTML by Building a Cat Photo App - Step 14
Cat photo step 14
Learn HTML by Building a Cat Photo App - Step 14