1 00:00:05,210 --> 00:00:12,920 After having discussed the various components of visual studio code that stuck out about the first HP 2 00:00:12,920 --> 00:00:22,160 HTML tags, let's start from the DOCTYPE tag to move then to the HTML tag and the body tag, which are 3 00:00:22,160 --> 00:00:31,070 the main tags within a HTML document starting from the DOCTYPE tag we can through the creation of a 4 00:00:31,070 --> 00:00:38,780 new fight, therefore clicking on this button on our card folder created in the previous lesson. 5 00:00:39,940 --> 00:00:46,220 Create, in fact, what is going to be then a New Age HTML document. 6 00:00:46,390 --> 00:00:50,920 Therefore, we're going to call it index Dark Age HTML. 7 00:00:52,520 --> 00:01:00,700 Once created it, as you can see at Page, opens up within our Visual Studio code in the requested format. 8 00:01:00,710 --> 00:01:08,810 Therefore, in HDMI, that is the language through which visual studio code we give us prompts and will 9 00:01:08,810 --> 00:01:12,230 permit us to implement all a series of contents. 10 00:01:12,440 --> 00:01:21,290 The first content that is the DOCTYPE is simply the initial tag, which in this format is defined as 11 00:01:21,290 --> 00:01:26,930 the start of a document in age five that we will detail later on. 12 00:01:27,290 --> 00:01:39,260 Instead to analyze the various Ducci formats relative to age HTML four or X eight html one one. 13 00:01:39,260 --> 00:01:42,320 The tower format formats about which we talk. 14 00:01:42,320 --> 00:01:51,110 In the introduction to this document, we would be suppose to write all a series of details that are 15 00:01:51,110 --> 00:01:57,770 considered nowadays to be outdated as language and for this reason as reference. 16 00:01:58,040 --> 00:02:03,750 Let's use this exclamation mark doctype h.t. al. 17 00:02:04,940 --> 00:02:12,730 In comparison with any other tax in this case, you don't have to insert an open tag, I mean a tag 18 00:02:13,070 --> 00:02:20,780 the in slash and close tag, but you just need this declaration to tell all the main browser, Chrome, 19 00:02:20,990 --> 00:02:29,600 Firefox, Safari, Oprah and Explorer that the document they are waiting for is a page HTML document 20 00:02:29,600 --> 00:02:33,230 and therefore it should be read as such by the browsers. 21 00:02:34,350 --> 00:02:42,270 In addition to the age Tmall DOCTYPE, thanks to Visual Studio Code, we can implement the dump function 22 00:02:42,420 --> 00:02:47,190 and by clicking overate the base of our HDMI page. 23 00:02:47,850 --> 00:02:56,190 As you see and as we said before, in this case, we have as first part of the age HTML document representing 24 00:02:56,190 --> 00:03:03,510 the road, therefore the beginning of the age HTML document within the HDMI tag. 25 00:03:03,510 --> 00:03:12,030 Everything the document is will be displayed there for both the head relative part and the one that 26 00:03:12,030 --> 00:03:16,960 we will detail in the following lessons and the content that is the buddy. 27 00:03:17,670 --> 00:03:23,970 Therefore, as we said at the beginning of this lesson, we can see now that in the content that is 28 00:03:23,970 --> 00:03:32,160 in the body, we can insert all a series of tags that we will describe later containing what the H. 29 00:03:32,160 --> 00:03:33,940 HTML actually is. 30 00:03:34,380 --> 00:03:38,400 Therefore, the DOCTYPE permits to declare to a browser. 31 00:03:38,750 --> 00:03:48,450 The file we are actually starting using is indeed a HSM outside the HDMI tag, which in this case is 32 00:03:48,450 --> 00:03:53,970 defined with lown equal to end, which means a document in English. 33 00:03:54,210 --> 00:04:03,180 In this specific case, obviously also I SFR may be inserted according to the language of the document, 34 00:04:03,450 --> 00:04:10,980 we are going to output and in fact it represents the whole content of our document, including the part 35 00:04:10,980 --> 00:04:16,740 relative to the SEAL and much more and the parts relative to the document itself. 36 00:04:17,370 --> 00:04:25,620 Therefore the body and indeed the body will contain everything our HTML page is going to visually represent. 37 00:04:25,980 --> 00:04:33,150 Therefore, the relative to the header and the relative to the content, that means the various containers, 38 00:04:33,450 --> 00:04:41,280 the and all the other tags we're going to discuss in addition to at the end, the closing part of the 39 00:04:41,280 --> 00:04:42,900 page, the Futer. 40 00:04:43,800 --> 00:04:50,930 After having seen our starting tags, we can go on with what is going to be the preview in our browser, 41 00:04:51,240 --> 00:04:57,600 therefore, let's check how through our Visual Studio code we can make our page. 42 00:04:57,610 --> 00:05:01,520 We are creating a HTML display in Google Chrome. 43 00:05:01,950 --> 00:05:10,770 In this case, let's go to Ron and we can get on with Iran without debugging, then control or command 44 00:05:10,780 --> 00:05:19,290 plus five, which will open for us these opportunities like the use of Chrome as prevue or for example, 45 00:05:19,290 --> 00:05:26,490 Edge, the other Microsoft browser and we are using Chrome, therefore clicking on here. 46 00:05:26,700 --> 00:05:35,430 Google Chrome will open up with a preview blank in this case of the HTML file we created where our document 47 00:05:35,790 --> 00:05:43,320 that is the title of the HTML page will coincide with the tag title that we have seen inside the document 48 00:05:43,320 --> 00:05:45,100 automatically created.