1
00:00:02,100 --> 00:00:04,840
Now we did set up Visual Studio Code

2
00:00:04,840 --> 00:00:08,210
and here's our HTML code from before

3
00:00:08,210 --> 00:00:10,710
opened in Visual Studio Code.

4
00:00:10,710 --> 00:00:13,290
Now before we dig deeper into HTML

5
00:00:13,290 --> 00:00:15,610
and into understanding HTML,

6
00:00:15,610 --> 00:00:17,560
which we're going to do in the next lecture,

7
00:00:17,560 --> 00:00:20,150
I want to show you some of the reasons

8
00:00:20,150 --> 00:00:23,270
why we switched to Visual Studio Code.

9
00:00:23,270 --> 00:00:27,000
For one, we got this so-called syntax highlighting

10
00:00:27,000 --> 00:00:29,760
where h1 is highlighted.

11
00:00:29,760 --> 00:00:31,590
This kind of makes it easier for us

12
00:00:31,590 --> 00:00:36,490
to spot where we have the start and end of HTML elements

13
00:00:36,490 --> 00:00:39,270
and where we have plain text.

14
00:00:39,270 --> 00:00:44,270
In addition, we, for example, can hover over this h1 element

15
00:00:44,670 --> 00:00:47,110
and we get extra information about it.

16
00:00:47,110 --> 00:00:47,943
For example,

17
00:00:47,943 --> 00:00:52,293
we learn that the h1 element represents a section heading.

18
00:00:53,200 --> 00:00:55,400
We even get a link, which we can click,

19
00:00:55,400 --> 00:01:00,000
which takes us to a website, the MDN web documentation,

20
00:01:00,000 --> 00:01:02,900
which is kind of like the official documentation

21
00:01:02,900 --> 00:01:05,810
for HTML and web technologies,

22
00:01:05,810 --> 00:01:10,810
where we can learn more about that specific HTML element.

23
00:01:11,120 --> 00:01:12,940
Now you don't need to read through that article

24
00:01:12,940 --> 00:01:16,760
at the moment, but that can be nice to have as well.

25
00:01:16,760 --> 00:01:19,770
And if we write an element, if we add an element,

26
00:01:19,770 --> 00:01:22,070
let's say h1 again,

27
00:01:22,070 --> 00:01:24,740
if we write this element,

28
00:01:24,740 --> 00:01:26,600
Visual Studio Code, for example,

29
00:01:26,600 --> 00:01:31,280
automatically gives us this closing part of the element.

30
00:01:31,280 --> 00:01:33,390
That's another little convenience feature,

31
00:01:33,390 --> 00:01:34,600
which it gives us,

32
00:01:34,600 --> 00:01:37,050
which also helps us avoid errors,

33
00:01:37,050 --> 00:01:38,700
because with that, for example,

34
00:01:38,700 --> 00:01:40,340
it's more difficult for us

35
00:01:40,340 --> 00:01:43,300
to forget this important forward slash

36
00:01:43,300 --> 00:01:47,583
on the closing part of our element here of our HTML code.

37
00:01:48,450 --> 00:01:50,690
So these are convenience features,

38
00:01:50,690 --> 00:01:54,230
some of the convenience features Visual Studio gives us,

39
00:01:54,230 --> 00:01:57,660
and these are some of the reasons why we switched to it.

40
00:01:57,660 --> 00:02:00,870
Now with that, though, let's take deeper into HTML

41
00:02:00,870 --> 00:02:04,163
and let's understand this code here in greater detail.