<title>Page Title </title>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<!DOCTYPE html>, <html>, <head> and their closing tags won't show but they are there. The title will be whatever appears in the spot where "unit1day7" is right now. The first heading will show up where "Here's the outline for a basic web page" is right now meaning that if you typed in the example above, this current heading will be replaced by "This is a heading". Even though there is no <h2> in the example code shown above, if there was one to be added it would be where "How will this look like?" is now, which just so happens to be the heading for this paragraph. The same thing applies for the third heading. "<p>This is a paragraph.</p>" would just show as "This is a paragraph" under the heading which in this example is "This is a heading".
The <!DOCTYPE html> and <html> show and specify what you kind of doc you are making. The head is for the title and metadata. As you can see, at the top of the web page there is a title named "Page Title". That is because in the tag "title" which is located inside the head, says "Page Title" so that's what's going to show up. However, metadata is something more advanced which is not taught here. Then you open the "body tag" which contains the information you want to put on your web page. Theres <h1> which is one heading but there are up to six headings so you type out <h2>, <h3>, <h4> and so on. The paragraphs are words within the headings that contain any information you type in between the opening tag, <p> and the closing tag, </p>. You can have as many paragraphs as you desire.
In order to make sure the web page is exactly how you want it, make sure to close all the tags you open for example, when you open the tag <title>, after you type in the title, you must add the closing tag, </title> which is the same thing as the opening tag just with an extra slash, "/". All tags opened within other tags must be closed before the outer tag is closed. Like, with <body>, if within that body you add the heading <h1> and <h2>, both <h1> and <h2> must be closed before </body> is inserted.
To make things easier in the coding to see which tags are opened and closed, indent when you are typing a sub tag or where ever is easiest for you to see. A sub tag is a tag inside a bigger tag. The point of this is for organization and if there's a mistake in the coding, you can find the mistake more easily than if the code was all smushed together.