Learning the Names:

The file that you have created is called an html file. It tells the browser what we want to show on the screen. The angle brackets ( < and > ) surround what is known as a tag.

Examples: <title>, <video> and <button>.

So far you've met the <img> tag which of course is an abbreviation for image.

You'll have noticed that once Atom "knew" it was an html file, it did some colour-coding for you.

<img src='cards/back.png'>

src is called an attribute. It is an abbreviation for source.

Finally, the text between the quotation marks (' ) is called a string as in string of characters.

What follows won't make much sense if you haven't memorised these names: html, tag, attribute, string.
So spend a bit of time going over them in your mind.

Most tags need a closing tag. For example the <p> tag for paragraph requires a closing tag to show where the paragraph ends. The closing tag looks like this: </p>. Here's a complete example:

<p>
This is a paragraph.
</p>

The whole image and the whole paragraph are referred to as elements.