1 00:00:00,780 --> 00:00:02,340 Hello and welcome. 2 00:00:02,410 --> 00:00:12,270 In this video I will cover some of the basic hastier moul elements you will use for marking up text. 3 00:00:12,270 --> 00:00:24,330 I'm going to start with the headings so the heading elements allow you to specify that certain parts 4 00:00:24,450 --> 00:00:36,120 of your content are headings all sub headings of your content just sound the same way that a book has 5 00:00:36,210 --> 00:00:46,490 a main title a chapter titles and subtitles and here's email document can also have similar properties 6 00:00:47,510 --> 00:01:01,080 hastier mail contains six hedin levels which are from Page 1 to hitch 6 hates one being the largest 7 00:01:01,200 --> 00:01:02,400 heading. 8 00:01:02,410 --> 00:01:07,190 Normally the most common level used is usually three to four. 9 00:01:07,190 --> 00:01:10,800 Most people don't tend to use 5 and 6. 10 00:01:10,950 --> 00:01:15,570 So just remember that one is the largest. 11 00:01:15,570 --> 00:01:20,980 Page 6 is the lowest in previous videos. 12 00:01:21,000 --> 00:01:28,160 I created this email document here which is rendered as this page. 13 00:01:28,320 --> 00:01:33,810 So here we have quite a head in tag which is the one you can see here. 14 00:01:33,810 --> 00:01:36,430 I've used it on line 15. 15 00:01:36,630 --> 00:01:43,410 So if I wanted to for example add a couple more piskun a copy this. 16 00:01:43,950 --> 00:01:52,890 I'm just being lazy here and I appears that a couple of times and you can see. 17 00:01:53,960 --> 00:02:02,290 So what I want to do I want to change this to page 2 so you can see the different levels of head in 18 00:02:02,310 --> 00:02:04,430 tags. 19 00:02:05,010 --> 00:02:05,640 You can use. 20 00:02:05,640 --> 00:02:14,070 You can see here this is a hash tag which is smaller than the one and if I come here type in haste 3 21 00:02:15,360 --> 00:02:19,820 and change this to a page 3 how you can see this is smaller. 22 00:02:19,830 --> 00:02:29,970 So this is page one page two and Page 3 depending on how big you want your head is to be on your web 23 00:02:29,970 --> 00:02:31,250 page. 24 00:02:31,260 --> 00:02:38,820 We have also used the paragraph tag so far in this course. 25 00:02:38,970 --> 00:02:50,940 So I'm going to show you an example of using a paragraph tag to mark-up or add paragraph to your P.. 26 00:02:51,300 --> 00:03:02,190 Inside our document here he can see on line 18 have used a paragraph tag to add a paragraph to the page 27 00:03:02,480 --> 00:03:05,800 and you can see the content inside the paragraph says. 28 00:03:05,800 --> 00:03:14,160 Today is a new day and as today is a new day display to ukin Use a paragraph tag to add as many paragraphs 29 00:03:14,310 --> 00:03:21,300 as you want and to any areas of your web page or document. 30 00:03:21,300 --> 00:03:35,340 Next I want us to take a look at least a lot of the Web content is made up of list and hastier mail 31 00:03:35,380 --> 00:03:48,600 has special elements for these type of list marking up a list or list always consists of two elements. 32 00:03:48,600 --> 00:03:59,880 The most common list types are ordered and on ordered list and the ordered list is represented with 33 00:03:59,880 --> 00:04:06,730 the or else tack and the ordered list is represented with the U. 34 00:04:06,810 --> 00:04:17,960 L tack the ordered list are for List where the order of the items matters. 35 00:04:18,270 --> 00:04:28,490 For example here a recipe where you have to follow the recipe insert in order with ordered list. 36 00:04:28,500 --> 00:04:34,290 These are lists where the order of the items does not matter. 37 00:04:34,380 --> 00:04:37,430 For example here is a shopping list. 38 00:04:37,450 --> 00:04:41,130 This is usually wrapped up in a U. 39 00:04:41,190 --> 00:04:42,390 L tack. 40 00:04:42,540 --> 00:04:50,390 So wait on ordered list by default when you create them they appear as a bulleted list. 41 00:04:50,730 --> 00:04:59,610 So I'm going to create an on order list inside this huge timal document so I added an extra paragraph. 42 00:05:00,020 --> 00:05:09,080 Here on line 20 which is this text here so I'm just going to create an ordered list so to create an 43 00:05:09,530 --> 00:05:19,510 ordered list to the leston sign you're typing you L stands for audit. 44 00:05:19,820 --> 00:05:27,230 And then the greater than sign he can see is automatically placed in the opening and the closing. 45 00:05:27,230 --> 00:05:32,550 I'm just going to press and tell on the keyboard to separate that list. 46 00:05:32,580 --> 00:05:42,670 And inside that list who also need the list tag to list the individual items for the ordered list. 47 00:05:43,040 --> 00:05:45,620 So in cyber You type in the L.. 48 00:05:45,650 --> 00:06:00,740 I again you do less than you type in L. I to indicate it's a list item and then in greater than an inside 49 00:06:01,430 --> 00:06:05,670 in between the list tag is where you list the item. 50 00:06:05,810 --> 00:06:07,100 So I'm typing 51 00:06:09,380 --> 00:06:20,030 kind and just being lazy here I'm just going to copy this and pasted a couple of times and just change 52 00:06:20,030 --> 00:06:23,030 the content in the list. 53 00:06:23,030 --> 00:06:26,900 I'm just going to indent that little bit. 54 00:06:28,190 --> 00:06:36,650 So with the ordered list I've created here you can see the output here he can see in time it outpoured 55 00:06:36,740 --> 00:06:38,650 his bullet head here. 56 00:06:38,720 --> 00:06:45,740 Thus the default when you create an ordered list by default when he creates the list it will have them 57 00:06:45,740 --> 00:06:47,580 in a bulleted format. 58 00:06:47,630 --> 00:06:59,300 As you can see here on the web page if I wanted to turn this in to an ordered list I just replace the 59 00:06:59,300 --> 00:07:02,790 U L with an all l list. 60 00:07:02,790 --> 00:07:04,770 My temp stays the same. 61 00:07:04,910 --> 00:07:11,800 All I need to do is replace the L the L with L and is with oil that will be com. 62 00:07:11,930 --> 00:07:13,040 No. 63 00:07:13,790 --> 00:07:20,930 So you can see I've replaced the you with it all to show that it's an ordered list. 64 00:07:20,950 --> 00:07:24,850 You can see it as change from bulleted to an order. 65 00:07:24,850 --> 00:07:26,910 This is one two three. 66 00:07:27,050 --> 00:07:28,450 So that's the main difference. 67 00:07:28,450 --> 00:07:34,430 If you want something to be in a specific order then you have to use the ordered list. 68 00:07:34,450 --> 00:07:36,860 You don't care what order they're in. 69 00:07:37,040 --> 00:07:41,020 Then use the ordered on ordered list. 70 00:07:41,090 --> 00:07:48,970 Something to change this bang to warn or at least just replace the you with the wall. 71 00:07:49,220 --> 00:07:54,040 So that's basically how you mark-up text. 72 00:07:54,090 --> 00:08:00,260 So this illustration here is very very very basic level mark-up. 73 00:08:00,290 --> 00:08:08,240 We can get more complex than this but if you can understand the basic concept then as you progressed 74 00:08:08,240 --> 00:08:15,250 to more advanced stuff you'd be able to have a better understanding of how your stuff works. 75 00:08:15,350 --> 00:08:19,610 So that's it for this lecture on macken optics. 76 00:08:19,610 --> 00:08:21,830 Many thanks for watching and bye for now.