1 00:00:05,470 --> 00:00:09,700 Welcome back, everyone, to this section of the course, we're going to be discussing the very basics 2 00:00:09,700 --> 00:00:10,480 of HTML. 3 00:00:11,540 --> 00:00:17,210 Now, each time L stands for Hypertext Markup language and to really understand each HTML, let's talk 4 00:00:17,210 --> 00:00:23,990 about that term markup language, markup language just means that it that is, the language includes 5 00:00:23,990 --> 00:00:27,440 metadata for annotating the document that is the web page. 6 00:00:27,770 --> 00:00:33,620 And this metadata is actually going to be visually distinguishable from how the user actually sees the 7 00:00:33,620 --> 00:00:37,250 document when it actually is rendered in the browser. 8 00:00:38,030 --> 00:00:39,020 So what do I mean by that? 9 00:00:39,290 --> 00:00:40,190 Let's take an example. 10 00:00:40,880 --> 00:00:44,750 When you visit a web page like the web page, you're watching this video on, you're going to notice 11 00:00:44,750 --> 00:00:49,580 that there's text and content on the page, but you're also going to notice that there's actually text 12 00:00:49,580 --> 00:00:50,810 at the top of the tab. 13 00:00:51,440 --> 00:00:56,990 So there's going to be a difference between telling the document to send text to the body of the website 14 00:00:57,200 --> 00:01:00,410 versus having a little bit of text there at the very top of the tab. 15 00:01:01,220 --> 00:01:02,810 How does each smell actually do this? 16 00:01:03,900 --> 00:01:09,390 Well, in order to actually tell the browser which text is going to go, where in our HTML document, 17 00:01:09,990 --> 00:01:16,710 what we do is we mark up the language and in HTML, these sort of markups are called instructions in 18 00:01:16,710 --> 00:01:18,090 the form of tags. 19 00:01:18,570 --> 00:01:24,710 So for example, if we wanted to define a title in a tab, we would wrap it with some markup language 20 00:01:24,720 --> 00:01:27,030 that would simply be a tag called the title tag. 21 00:01:27,510 --> 00:01:31,410 And you'll notice that there's also a body tag, which defines the text on the web page. 22 00:01:31,750 --> 00:01:33,560 You can see a pattern here begin to merge. 23 00:01:33,800 --> 00:01:38,250 We actually define the tags within less than and greater than symbols. 24 00:01:38,640 --> 00:01:42,630 And then you also define an opening tag and then a closing tag. 25 00:01:42,900 --> 00:01:46,620 You'll notice the closing tags that has the tags at the end have a forward slash. 26 00:01:46,740 --> 00:01:49,320 And that's the very basics of how tags are going to work. 27 00:01:49,650 --> 00:01:54,360 And this section is just going to discuss a few of the different tags that are available for us. 28 00:01:55,890 --> 00:02:00,540 So we're going to focus on understanding the most important and basic HTML content and tags. 29 00:02:00,750 --> 00:02:03,480 And just in general, HTML documents are structured. 30 00:02:03,990 --> 00:02:08,340 Later on, we're going to see that Django can actually insert and automatically create a lot of this 31 00:02:08,580 --> 00:02:14,220 HTML content for us, and we'll have a variety of HTML template files, as we'll call them later on. 32 00:02:14,490 --> 00:02:17,550 There are able to interact and inherit from one another. 33 00:02:17,850 --> 00:02:23,790 But to understand what Django actually ends up creating for us, we need to understand the basic HTML 34 00:02:23,790 --> 00:02:26,250 first in order to fully understand those documents. 35 00:02:27,150 --> 00:02:31,230 So in this section, we're going to have a brief overview of basic tags. 36 00:02:31,470 --> 00:02:37,320 That is how an HTML document is structured and how we can actually see that source each HTML in a browser. 37 00:02:37,620 --> 00:02:43,770 And then we'll talk about things like lists, divs and span's attributes, tables and forms. 38 00:02:44,100 --> 00:02:48,930 We're not going to dive too deep into a lot of these because as I mentioned later, when we learn about 39 00:02:48,930 --> 00:02:51,690 Django, a lot of these are going to be automatically created for us. 40 00:02:51,990 --> 00:02:58,140 We just need to know enough syntax of how each HTML works in order to be able to read it later on. 41 00:02:58,140 --> 00:03:01,920 And each HTML is probably one of the simplest things we're going to be learning throughout this course. 42 00:03:02,010 --> 00:03:03,390 It's actually pretty easy to pick up. 43 00:03:04,300 --> 00:03:05,380 OK, let's get started. 44 00:03:05,500 --> 00:03:06,520 I'll see you at the next lecture.