1
00:00:00,570 --> 00:00:01,920
Hello and welcome.

2
00:00:01,930 --> 00:00:11,420
In this video I will be creating the basic structure of the digital clock using hastier mail.

3
00:00:11,850 --> 00:00:14,320
So I need to open up my index.

4
00:00:14,430 --> 00:00:19,410
Tim old fast I just click on it and all highlight it.

5
00:00:19,540 --> 00:00:26,520
It's what I want to do is close this other tab so that only have my hastier male file here.

6
00:00:26,850 --> 00:00:39,030
So to begin the first thing you add to your hastier mail document before the team mail element tag is

7
00:00:39,220 --> 00:00:47,640
the doc type dog type declaring declaration basically is not an eight year old tank.

8
00:00:47,640 --> 00:00:58,430
It is an instruction to the Web browser about what version of hastier mail per page is written in.

9
00:00:58,560 --> 00:01:09,180
So I've added the doctype so and the next and I need to do now is had the hastier mail element opening

10
00:01:09,330 --> 00:01:11,910
and closing element.

11
00:01:12,420 --> 00:01:22,530
I have added the opening and closing his element so I just need to tab in between two separated and

12
00:01:22,530 --> 00:01:25,960
then enclose some more element the next element.

13
00:01:25,980 --> 00:01:31,320
I want to add the head element and inside it head element.

14
00:01:31,330 --> 00:01:34,680
I'm going to add some nested element.

15
00:01:34,680 --> 00:01:36,840
I'm going to add a title element.

16
00:01:36,840 --> 00:01:48,690
I'm also going to had a link that will reference this CSA file here so I got my head element which is

17
00:01:48,720 --> 00:01:51,800
nested underneath the hastier male element.

18
00:01:51,810 --> 00:01:59,310
You can see I have indented it a bit just by pressing the tap to make sure that it is properly nested

19
00:01:59,370 --> 00:02:10,690
in the corette element have also indented the title and the link to be nested on than the head element.

20
00:02:10,830 --> 00:02:17,130
So the title basically is going to be the title that will show on the title bar like this.

21
00:02:17,130 --> 00:02:23,150
And here the link here is referencing this csx file here.

22
00:02:23,460 --> 00:02:31,410
Okay so this rule is an attribute and the value is a stylesheet that type is also an attribute and a

23
00:02:31,410 --> 00:02:32,810
value is text.

24
00:02:32,820 --> 00:02:40,010
Slight success I'm just referencing that the type of file is a Seer says.

25
00:02:40,020 --> 00:02:42,670
It's also a text file.

26
00:02:42,720 --> 00:02:51,830
Hey Trev is on another attribute and used that to determine the location of the document.

27
00:02:52,050 --> 00:02:57,770
So here the hit for reference in this document here which is called My style.

28
00:02:57,800 --> 00:03:06,880
See a sense because I see a source file you send the same directly as the indexed or hit him a file.

29
00:03:06,930 --> 00:03:16,350
All I need to do is just reference it by its name so that's all I'm going to do inside the head element.

30
00:03:16,350 --> 00:03:26,410
Next I need to hide the body element the body element is what all contain the visible content of the

31
00:03:26,410 --> 00:03:27,200
speech.

32
00:03:27,270 --> 00:03:29,590
So I've now added the body element.

33
00:03:29,610 --> 00:03:34,090
This is the tag for the body element.

34
00:03:34,140 --> 00:03:40,660
You can see he also is nested properly so we can tell that the body element and the head element about

35
00:03:40,760 --> 00:03:44,250
child element of the history a male element.

36
00:03:44,640 --> 00:03:54,200
So the body element also has some nested element nested a devoted dog basically is said division in

37
00:03:54,200 --> 00:03:55,100
a page.

38
00:03:55,140 --> 00:04:01,740
So I've got a D here on line 10 and I'm giving it I t attribute of clock.

39
00:04:01,920 --> 00:04:02,930
So they do.

40
00:04:02,940 --> 00:04:08,190
Here is where the digital clock is going to be rendered or displeased.

41
00:04:08,700 --> 00:04:10,310
An online 11.

42
00:04:10,320 --> 00:04:15,340
I caught a reference to my javascript to Javascript FAQ.

43
00:04:15,360 --> 00:04:21,650
Is going to contain the functionality that all displayed the digital clock.

44
00:04:21,900 --> 00:04:29,480
So I'm making a reference to it inside my hastier middle document inside the opaline script element.

45
00:04:29,500 --> 00:04:38,320
I've got the source attribute this is used to locate or reference the location of the jabez's group

46
00:04:38,340 --> 00:04:42,940
file because it's in the same directories as the his term so far.

47
00:04:43,020 --> 00:04:51,450
All I need to do is just references by its name and I have called it my script Yes and that is close

48
00:04:51,450 --> 00:04:52,430
in script.

49
00:04:52,480 --> 00:04:56,410
So make sure that more element tags match up.

50
00:04:56,410 --> 00:04:59,670
Make sure you close them properly so that there are no issues.

51
00:05:00,010 --> 00:05:05,040
I'm just going to click on file here and click say.

52
00:05:05,320 --> 00:05:15,190
So that's basically the hastier mayol complete it in the neg's he still are be had in some code for

53
00:05:15,190 --> 00:05:21,610
the jabaar Script interactivity with the pietsch Thank you and bye for now.