In this lesson, we'll discuss Hypertext Markup Language. Hypertext Markup Language or HTML, is the primary language used on the internet. This language was introduced in the early 1990s by Sir Tim Berners-Lee, and included features like hyperlinks that we take for granted today. We're gonna look at HTML and a couple of the new conventions that have come out over the past few years. I'm gonna delete the HTML we have right here. And we're gonna start new with document type. We can actually start with HTML. Now, if we start just with HTML, like you see the HTML element on the page right now. Oh, by the way, you'll often hear HTML elements called tags. One way to think of it is an HTML element is a full set of tags. In this case, if we put a paragraph and we enclose it with a two P tags or paragraph tags, then there you go, we have a paragraph element. Some elements may be considered things like address, footer, header, and other things inside of HTML. In this case, we're going to consider HTML elements and HTML tags to be synonymous. We'll use tags sometimes, sometimes we'll use elements. So let's get started using a couple of tags. First, we're gonna start out with a DOCTYPE declaration. So we're gonna go ahead and insert angle exclamation DOCTYPE HTML. And that tells us that we're using something after the year 2000 in HTML, just typing HTML by itself will render your document in a quirky way that would be something like the 1990s document rendering. Now that's not bad. You can actually type all of your HTML in today's standard and just use HTML at top and that'll be fine. However, there are some tags, some elements that aren't supported back in the 1990s, and you can see how that might become confusing. So in order to avoid that, we use the exclamation point, which people call bang and DOCTYPE HTML. After the initial declaration that we're using DOCTYPE HTML, we'll go ahead and start our HTML coding. Now first with HTML, we're going to have what you would have normally in a document. So at under HTML, we're gonna have a head section and we will also have a body section. So let's go ahead. I'll do body like this. So we'll have a head section and a body section. Now I'm going to close each of these tags, each of these elements. And over here with body you'll see that I'll close it just with a slash. So we've got HTML head, head, body, body, just like that and we can close our HTML. Now the editor that I'm using places the text in the right tabbing or the right spacing out from the side, that's really convenient. And our future editors will be looking at visual studio code, and that VS code will give you a lot more options than what you can see just right here on the screen. What we're typing though on the screen is raw HTML and this is exactly how a document is created. I should note that DOCTYPE is not required to be uppercase here, we can actually make all of this lowercase, which is a lot easier you'll find when you're typing. Then under the head section, we can actually put in our title of our page. So I'll save that really fast and let's see what we have so far. Right now we've got a blank document. If you look at this, we have a lot of code for a blank document, but we have a blank document with a title that says webpage. So if we look up here at the top, we'll see that webpage is indeed the title at top. Three of the elements or tags we're going to use today are heading, paragraph, a line break, image source, a URL link, so this is gonna be something where you have a link to another website where you wanna go to that link, and a list where you've got an unnumbered list, and finally a table. To see what this looks like, let's go ahead and go into our body and over in the body, we'll go ahead and create a paragraph. So the P right there is the tag for paragraph. And you'll say this is a paragraph. Now once we type that this is a paragraph, you don't need spaces like after the element there. So we can save that. Be sure you save it in the server before you reload it. And you'll see that this is a paragraph that comes up. Well, before your paragraphs normally you'll have headings. So let's go to the body here and let's look at H1. Now H1 is the largest heading. If you've ever created a document, and this isn't any type of Word Processor, you know that you have the title of the document, then below the title, you'll have the first heading and you'll type, sometimes you'll have a subheading and a sub subheading et cetera. Well, this is the same thing. So right here we can say this is heading one, and I'll just go and do a H1 like this. We'll be sure to save it and refresh, you'll see we have heading one, this is a paragraph. Well, let's go ahead and put a heading two in there. So we'll gonna go down here H2 and we'll call that interestingly enough, we'll call that heading two. It also helps see it in the screen. So heading two just like that and I want to make that two, not one, so we see heading two. Let's save that and reload it right here on the screen. And you'll see we have heading one and heading two, and then this is a paragraph below that.
