1
00:00:02,090 --> 00:00:03,500
Now I wanna highlight something

2
00:00:03,500 --> 00:00:04,930
which is easy to miss

3
00:00:04,930 --> 00:00:07,870
and which you probably missed in the last lecture.

4
00:00:07,870 --> 00:00:10,540
We added this anchor element.

5
00:00:10,540 --> 00:00:12,930
Now what's special about this element

6
00:00:12,930 --> 00:00:15,073
besides the fact that it's a link?

7
00:00:16,100 --> 00:00:17,900
The special thing here

8
00:00:17,900 --> 00:00:21,270
is that it's the first element that we added

9
00:00:21,270 --> 00:00:26,270
which is actually nested inside of some other element.

10
00:00:26,280 --> 00:00:27,450
Up to this point,

11
00:00:27,450 --> 00:00:31,070
we had an h1 element next to a paragraph

12
00:00:31,070 --> 00:00:33,520
next to another paragraph.

13
00:00:33,520 --> 00:00:38,060
But now this anchor element is another HTML element

14
00:00:38,060 --> 00:00:42,080
which is now actually inside of another element.

15
00:00:42,080 --> 00:00:45,360
It's inside of this paragraph element.

16
00:00:45,360 --> 00:00:46,950
And this is no exception.

17
00:00:46,950 --> 00:00:49,850
Instead, this is something which you'll do all the time

18
00:00:49,850 --> 00:00:54,250
with HTML for the vast majority of websites

19
00:00:54,250 --> 00:00:55,460
you're going to build,

20
00:00:55,460 --> 00:00:57,530
which of course will be a bit more complex

21
00:00:57,530 --> 00:00:59,330
than what we're building at the moment.

22
00:00:59,330 --> 00:01:03,800
You don't just have a lot of adjacent HTML elements,

23
00:01:03,800 --> 00:01:06,740
so elements that sit right next to each other,

24
00:01:06,740 --> 00:01:09,170
but instead you have nested elements.

25
00:01:09,170 --> 00:01:11,800
And you can deeply nest elements

26
00:01:11,800 --> 00:01:15,790
to have element inside of element inside of element.

27
00:01:15,790 --> 00:01:17,910
So we could include another element

28
00:01:17,910 --> 00:01:19,940
inside of this anchor tag element

29
00:01:19,940 --> 00:01:21,950
if it would make sense here,

30
00:01:21,950 --> 00:01:24,530
which in this case probably isn't the case,

31
00:01:24,530 --> 00:01:26,570
but we're going to see a lot of nesting

32
00:01:26,570 --> 00:01:27,640
throughout this course

33
00:01:27,640 --> 00:01:31,830
as we learn about more and more HTML elements.

34
00:01:31,830 --> 00:01:35,740
And that is one of the key features of HTML

35
00:01:35,740 --> 00:01:39,450
that you can build and structure complex content

36
00:01:39,450 --> 00:01:43,260
by nesting HTML elements into each other,

37
00:01:43,260 --> 00:01:46,300
because otherwise, if that would not be possible,

38
00:01:46,300 --> 00:01:51,130
you would not be able to build complex content structures.

39
00:01:51,130 --> 00:01:53,360
You would not be able to have a paragraph

40
00:01:53,360 --> 00:01:57,360
with a link inside of it and that's of course unrealistic.

41
00:01:57,360 --> 00:02:00,890
So nesting HTML elements into each other,

42
00:02:00,890 --> 00:02:04,830
as we're doing it here with this link in this paragraph,

43
00:02:04,830 --> 00:02:06,860
is totally common.

44
00:02:06,860 --> 00:02:10,180
And it is just something which I wanted to point out here

45
00:02:10,180 --> 00:02:12,460
because it is such a common thing to do

46
00:02:12,460 --> 00:02:16,623
and because it is one of the key characteristics of HTML.