Hi, my name is Dan and in this video we're gonna  look at hyperlinks. Now hyperlinks is just a word used for links. Okay, so when you say down here where we've got, uh,  the terms and conditions we wanted to link  to either an external page, so maybe linking off  to say google.com or linking to another one of your websites  or linking internally. Uh, the exact same process works. So let's look at an external link first  to test our little hyperlinks. Now to do it, if I click in here  and I add a link down here, it will add it  to the whole p tag.

What I wanna do is add it to just a small part of this text. So what I need to do is double click and get in there. So I wanna say, um, highlight this one where it says,  bring your own laptop limited 2016. If I double click it, it goes orange. So I know I'm in kind of text editing mode,  and if I highlight anything in here, I get this little icon,  this little chain link icon. This is adding a hyperlink or an HF, let's click it.

Where am I gonna go to put in the full, um, URL, so  http slash slash DubDubDub. And I'm gonna get it to go  to bring your own laptop.com and enter. Great. Alright, to go  and preview this one, I'm gonna go preview a browser. So I'm gonna go to this little globe down here  and go to preview, uh, in Google Chrome. Or you can use the file preview browser.

Exact same place. Uh, exact same destination. Let's go to Google Chrome. I'm gonna hit save. Scroll down  to my bottom here and you can see there's a link. It's got a different color.

We can talk about that later. Um, and if I holler, it goes even darker,  but if I click it, it's gonna jump off to, um,  that specific website. So that's an external link jumping out to that, right? And that's an external link. So it's jumping from my website out to another website. We're gonna look at internal navigation later on.

It's the exact same thing, um,  except we're using an internal link,  but we're gonna look at that later on when we start doing a  mobile navigation. So let's jump back into Dreamweaver. Next thing I'm gonna look at is a placeholder link. It just means that, say that I want to have this  as a hyperlink, okay? The word print to jump to my print page,  but I don't know, I haven't even created my print page yet. So I want it to be a link, but,  and I wanna start styling,  which we're gonna do in the next video,  but I have no idea where, um, what I'm gonna call it.

Um, um, those types of things. So what you can do is just put a placeholder link. It's very easy. So I'm gonna highlight the word print  and I'm gonna click, uh, the linking icon. And all I'm gonna do in here is type a hash  or a pound symbol, depending on, uh,  what you wanna call that one. And I hit enter.

All it means is it turns it into a link,  but it doesn't come up with an error. So if you're sending this to a client  and you're getting them to proof the homepage  and you put in a random URL  and it starts jumping to weird pages  or pages that don't exist yet  and come up with errors, they're gonna complain. So if you just put in, uh, hash or a pound sign  and it just means that it's gonna become a link  or it's gonna operate like a link so I can start styling it  and it's not gonna go anywhere,  so there's not gonna be any errors. So  I'm, I'm gonna preview that in my browser file preview  browser, Google Chrome save. And you can see down here it's a link. It works, but when I click it, it doesn't go anywhere.

I'm still on the same page. So use those hashes when you are styling it, go through,  add hashes to this one as well. So select it, make sure it goes orange, link it hash. The same for this one link hash. That was a three. Now I'll do it for this one here.

So anything you want to be a link put in hash,  you've gotta obviously remember later on when you have got  these pages to link to, you're gonna change 'em from hash  to the actual page name. Um, but we'll do that later to together. Next thing we're gonna look at is styling these  from the default colors. Alright? So that's what a hyperlink is  and how to link to an external site  and how to make a placeholder link.