1 00:00:00,660 --> 00:00:02,370 Hello and welcome. 2 00:00:02,550 --> 00:00:12,300 In this feed you I will walk you through a basic hasty AML document structure. 3 00:00:12,440 --> 00:00:20,300 This is an illustration of a basic hasty AML document structure. 4 00:00:20,840 --> 00:00:26,820 So I'm going to walk you through the structure from top to bottom. 5 00:00:26,900 --> 00:00:35,060 Paul start with the doc type the doc type is what is called a declaration. 6 00:00:35,210 --> 00:00:48,260 It must be the very first thing in your hasty AML document before the hasty EMR tag the doc type declaration 7 00:00:48,530 --> 00:00:52,800 is not an hasty AML tag. 8 00:00:52,910 --> 00:01:06,260 It is an instruction to the web browser about what version of hasty AML the page is written in. 9 00:01:06,650 --> 00:01:16,290 It lets the web browser interpret the hasty AML document as a web page. 10 00:01:16,340 --> 00:01:25,500 You always have to add the doc type declaration to the very top of your documents. 11 00:01:25,500 --> 00:01:32,980 The first thing you should do so the web browsers knows what type of document to expect. 12 00:01:33,170 --> 00:01:38,090 And then they can render the correct document. 13 00:01:38,090 --> 00:01:47,330 I have written the doc type in upper case but it is not case sensitive so you can also write it in lowercase. 14 00:01:47,450 --> 00:01:55,100 So in the illustration here Say Doc type space hasty e-mails I am basically slaying the document type 15 00:01:55,220 --> 00:01:58,230 is an HMO document. 16 00:01:58,370 --> 00:02:07,280 So you write the way you write the doc type you do the less than sign exclamation mark Doc type and 17 00:02:07,280 --> 00:02:12,610 then e-mail and then a greater than sign. 18 00:02:12,800 --> 00:02:22,460 Next we have the hasty AML element so we call the opening hasty CML element and the closing hasty AML 19 00:02:22,610 --> 00:02:32,490 element the closing element is identified with the forward slash before the tag is closed. 20 00:02:32,630 --> 00:02:45,950 The ACMA element wraps all the content on the entire page and it is sometimes known as the root element 21 00:02:47,710 --> 00:02:48,400 necks. 22 00:02:48,410 --> 00:03:00,500 We've got the head element which contains all the meta information about the document meta basically 23 00:03:00,500 --> 00:03:10,820 refers to information about information so its micro information about information the head element 24 00:03:11,420 --> 00:03:20,200 acts as a container for all the stuff you want to include on the health AML page. 25 00:03:20,930 --> 00:03:30,260 So whatever content is enclosed in the head between the head element isn't the content that is visible 26 00:03:30,380 --> 00:03:33,170 when someone visits your web page. 27 00:03:34,100 --> 00:03:42,100 So within the head element you can add tags like the meta concept. 28 00:03:42,380 --> 00:03:50,410 Also the page title you can also include that in the what is a meta concept. 29 00:03:50,420 --> 00:04:01,760 The Met a concept basically has a value of UTF Dash 8 which is the attribute this element basically 30 00:04:02,210 --> 00:04:07,430 is used to set the character of your document. 31 00:04:07,940 --> 00:04:19,430 So the standard is a UTF Dash 8 which includes most characters from the vast majority of human written 32 00:04:19,670 --> 00:04:20,510 languages. 33 00:04:21,230 --> 00:04:32,170 So when you have your meta concepts set to you tier Dash 8 it essentially means that 8 can handle any 34 00:04:32,480 --> 00:04:37,180 textual content you might put on it. 35 00:04:37,790 --> 00:04:50,480 The title element is used to set the title of your page which is the title that appears in the web browser 36 00:04:50,480 --> 00:04:51,440 tab. 37 00:04:51,530 --> 00:04:58,670 So when the page actually loads it will have a tag a title on the web browser. 38 00:04:58,670 --> 00:05:06,440 This is the title you would have set within the document so that will get displayed and people can bookmark 39 00:05:06,440 --> 00:05:11,050 that and also save that as a favourite. 40 00:05:11,090 --> 00:05:20,720 Next we have the body element the body element actually contains the visual content of the page. 41 00:05:20,810 --> 00:05:29,120 So when you visit a Web site the actual content you can see is the content that is wrapped between the 42 00:05:29,270 --> 00:05:38,060 body tag which is anything between the opening and closing body tag is the visible content that is displayed 43 00:05:38,180 --> 00:05:50,330 on the web page so it contains all the content that you want to show to the Web user or visitor when 44 00:05:50,330 --> 00:06:02,120 they visit your page whether that is text images videos games playable audio tracks or whatever content 45 00:06:02,120 --> 00:06:03,020 you have. 46 00:06:03,260 --> 00:06:12,860 You have to place it between the body element for the visitor to see it inside the body element. 47 00:06:12,860 --> 00:06:16,950 I have called some other nested element. 48 00:06:17,000 --> 00:06:24,890 I've got a hate one tag the hate one element basically is use for head in tag. 49 00:06:24,890 --> 00:06:33,380 You can use that if you want to create a heading and usually there are hate 1 2 page 6 hate form being 50 00:06:33,380 --> 00:06:45,050 the largest we've got the P which stands for paragraph you use that to add paragraph to a web page. 51 00:06:45,110 --> 00:06:56,760 Next we've caught the I M G which is an image tag if you want to add images to your web page. 52 00:06:56,870 --> 00:07:04,610 You use the AMG tag the AMG is what is known as a self closing tag. 53 00:07:04,700 --> 00:07:11,270 It doesn't have a closing tag inside the I am G tag. 54 00:07:11,270 --> 00:07:23,120 You have to specify a couple of attributes the first attribute is called the s are or C or the source. 55 00:07:23,180 --> 00:07:29,410 So basically if you add in an email you need to use the source attribute to specify where the image 56 00:07:29,510 --> 00:07:39,050 is going to be reference from and every attribute you assign a value using the equals two and you enclose 57 00:07:39,320 --> 00:07:41,260 the values in quotes. 58 00:07:41,300 --> 00:07:49,620 So in my example here I've said the image it's located in my images folder and in the name of the image 59 00:07:49,620 --> 00:07:52,250 is called Poppy Dot. 60 00:07:52,410 --> 00:07:57,990 J pick next and put on the attribute caught art. 61 00:07:58,010 --> 00:08:03,710 This is called the alternate text and you have to give it a value. 62 00:08:03,760 --> 00:08:07,410 I've given it a value of cute puppy image. 63 00:08:07,430 --> 00:08:17,450 Basically what that does if for any reason the image that is meant to be on this page does not get displayed. 64 00:08:17,630 --> 00:08:25,700 The alternate text or display detects instead so the text will advise visitors that there was an image 65 00:08:25,700 --> 00:08:34,250 here or maybe a cute puppy or whatever but basically you have to give a descriptive text that will show 66 00:08:34,250 --> 00:08:36,800 up if anything happens to the image. 67 00:08:36,800 --> 00:08:44,080 For example if the image is moved or not position properly or for some reason or the other it doesn't 68 00:08:44,120 --> 00:08:49,780 display then the alternate text gets displayed instead. 69 00:08:50,090 --> 00:08:53,660 There are so many haste CML elements. 70 00:08:53,670 --> 00:09:02,120 I've only just used a tiny bit here in this illustration but as you continue to get more knowledgeable 71 00:09:02,120 --> 00:09:08,300 in hasty AML you begin to get more exposed to more hasty AML elements. 72 00:09:08,300 --> 00:09:11,140 So that's it for this video. 73 00:09:11,330 --> 00:09:15,400 On the basic hasty AML document structure. 74 00:09:15,530 --> 00:09:16,320 Thank you. 75 00:09:16,340 --> 00:09:16,820 And by.