1
00:00:07,580 --> 00:00:12,200
Let's talk about navigations and HTML.

2
00:00:12,650 --> 00:00:20,870
When I say navigation is simply means that allowing the user to move around inside your application.

3
00:00:21,500 --> 00:00:27,770
Let me use our website to demonstrate to you how we are going to implement navigation.

4
00:00:28,250 --> 00:00:31,910
As you can see, we have what is called the nav bar.

5
00:00:32,590 --> 00:00:35,230
And we have these links.

6
00:00:35,680 --> 00:00:41,170
When I click on any link, it opens a new page for me.

7
00:00:41,320 --> 00:00:44,350
And this is what we call navigation.

8
00:00:44,680 --> 00:00:53,140
Likewise, if I go to project and I click on any of these links, it has open the page for me.

9
00:00:53,320 --> 00:00:56,410
And this is what we call navigation.

10
00:00:56,800 --> 00:01:02,080
And as we mentioned earlier, hyperlinks are the link tag.

11
00:01:02,110 --> 00:01:10,150
Allow users to navigate between different pages inside our website or inside your website.

12
00:01:10,540 --> 00:01:16,960
And the same hyperlinks are linked to can be used to create both internal and external links.

13
00:01:17,290 --> 00:01:23,350
As you saw when we covered the link tag, when you click on a link, for example, go to YouTube.

14
00:01:23,350 --> 00:01:28,750
You can see that it takes us to a different website that is an external website.

15
00:01:28,900 --> 00:01:36,790
In this video we are going to focus on the internal navigation, meaning moving around in the same application

16
00:01:36,790 --> 00:01:38,110
like this.

17
00:01:38,770 --> 00:01:42,250
And we also have different types of navigation.

18
00:01:42,250 --> 00:01:43,750
That is the ankle.

19
00:01:43,990 --> 00:01:47,020
For example, let me get back to the home page.

20
00:01:47,470 --> 00:01:51,790
And as you can see, we have more content here.

21
00:01:52,470 --> 00:01:55,260
And to see the last content on lace.

22
00:01:55,260 --> 00:01:58,320
I scroll all the way from top to bottom.

23
00:01:58,470 --> 00:02:06,210
Let's say we have a bunch of data or content on a single page unless I keep scrolling before I get what

24
00:02:06,210 --> 00:02:06,960
I want.

25
00:02:07,110 --> 00:02:10,560
And we can use anchor to make our life easier.

26
00:02:10,860 --> 00:02:14,100
And I'm going to show you how we're going to implement that.

27
00:02:14,220 --> 00:02:17,670
But before that, let's work with the internal navigation.

28
00:02:17,670 --> 00:02:23,610
That is, when you click on this and you take eyes to a particular section of the page.

29
00:02:23,700 --> 00:02:25,560
Let's continue in the next video.