Hello Hi everyone. In this chapter we're going to learn about clinks. This is a really, really small software. It's simple soccer we will go to learn how we can use external things. And we can use immediate means and how we can use images as leads. Then we're going to learn how to use internal links, which is also known as bookmarks.
Okay, now let us see the first example. Now, in links, I need to move from my page to another page. So you simply use the anchor take a href this attribute will define what is the link I'm going to. So in this case, whenever you write dot html. So this is another page in your web application. So if I create here, a simple info page just displaying an image so that whenever I'm navigate to this page, then I know I'm successful.
Okay, so here are navigate navigating to info page, you can navigate to another link on the appendix. So you can write any, any website and this is a ticket that will be displayed so that whenever the user clicks on the ticket is going to navigate. Also, you can use this also in order to send me whenever you It takes your tickets with me too. Go on. Then this is going to open up the boat The main medical, which is by default outlook in Windows. And also you can use any contents in order to create an image.
You can use text like this for image, and this is how we included images before in the previous chapter. So in this case, I have three links and then the image, whenever I click go to the info page. Okay, suppose if I click on Go to the info page, now it's giving me your oil was not found. Okay? Whenever you take a look for the regional, this is how you took on. Now I'm including this info dot html.
So I need to Navigate to a page info dot html. Okay, whenever I look at all my source code, then you can see that this is having different names. It's not info. So I need to make sure that I don't have any name mismatch. So whenever now I click it delegates correctly. Now if I need to navigate to another page, this is how it looks like.
This is the default page. And if I need to send an email, then we simply see it opens your default HTTP HTML editor so that you can this is an email I'm going to send. Of course you can write your email and also, this is using An image is a link. And this is how it looks like. So in this example, we'll have learned how you can navigate to a page in your website, how you can navigate to a page, outside, and each on how we can create a need in order to send an email. And how we can use images is there is also one one type of leaks called internally links or bookmarks.
Now I'm going to show you how it works before we explain. Suppose I have some books for example, like a Harry Potter mini books. In this case, I need to scroll. So sometimes the page is so big, so I need to easy navigation for the user. So I create some links. This navigates to a place in the same page that was called an internal link.
It's internal linking the same page, and they can have back to talk to return me to the book. Now I can click on this see it navigates to the title. I'm using that to talk. Now. I can give you the same thing here. Of course, if you don't have enough scroll, at least it's going to appear and they can use any beam can go toe to toe.
So let us see this page. Okay, no simply in order to create an internal mean, then use href accusers type a name, we'll fix it with hash code. In this case, I'm going to know this is an internal link that is navigating to somewhere in my peach. So in this case, it should have equals Yes. Then give it any, this is an insert is going to navigate to. So I have here five links.
These are the five links appearing. Okay. Now, how can I create a bookmark so that I know that this could navigate here, simply use a deck and write give it any name when you should be exactly the same names that you created the link for. So of course, create your title or bookmark wherever you want to move to. So for example, I need to move here whenever I do Click on this link. So I suppose that I'm going to create an anchor tag, each name must be Java small book.
So if I navigate between B, C, this is I'll create a lien, who is Java small book and as you can see, I have used different color lenses with different size in order to appear organized like this. I created the item was bold. So it appears a little bit further. Now I have another bookmark for books. Now see, in this case I need to return back to talk. So this is how you create the name and I need to move to books.
So this means I must have an uncle who is the name books in order to be able to navigate to So the trick here is simply create a bookmark at the start of the page. So simply is this will return new debt total. Then create your links like this, prefix it with hash. And whenever you need to navigate to a specific portion of the page, then simply use an input tag who is zany and this name must be exactly the same name used in the name key, otherwise, it's not going to find it and it will not display whatever you want. So in this example, well, we have learned also how to produce much more better looking HTML page with all information that we have learned before. So I created some internal links so that I can move easily in my pitch.
So in this chapter we take into dumbbells, how we can use external and internal email links, how we can use images as links, and then we can use bookmarks or internal links. Thank you guys. See you in soccer.