1
00:00:00,600 --> 00:00:06,440
In this lecture we can explore link creation within our to email document we'll be creating both text

2
00:00:06,440 --> 00:00:13,320
links as well as image links let's start with adding a link on the images we inserted in the last lecture

3
00:00:15,020 --> 00:00:23,380
we'll link each vacation picture to a relevant Web site to do so we'll be using the eight tags add the

4
00:00:23,380 --> 00:00:26,230
following code around your first image

5
00:00:29,330 --> 00:00:30,950
we'll start with the opening 8a

6
00:00:35,390 --> 00:00:37,990
followed by the H R E F attribute

7
00:00:40,640 --> 00:00:48,650
this attribute specifies where this image will link to and we have to include the concrete you are.

8
00:00:49,360 --> 00:00:53,430
In this case we're going to have it linked to Miami dot com.

9
00:00:53,460 --> 00:00:58,770
Be very careful not to make any typos in the U.R.L. otherwise the link will not work

10
00:01:04,670 --> 00:01:07,880
and that's it for the first link.

11
00:01:07,880 --> 00:01:19,240
You'll notice that the closing tag and the opening tag do encompass the image tag and the image attributes

12
00:01:23,040 --> 00:01:29,720
it so the link must encompass the entire image from the from the opening tags to the closing

13
00:01:33,380 --> 00:01:44,870
and let's just go ahead and apply a few other links as well to the other images.

14
00:01:44,900 --> 00:01:50,990
Now I'll just copy and paste this code to save time and I'll change the link source

15
00:01:58,450 --> 00:02:04,230
and now that I have all my links created and attached to the images I'll go ahead and save my file.

16
00:02:05,880 --> 00:02:10,070
And preview this in the web browser to make sure that all the links do work.

17
00:02:16,500 --> 00:02:21,810
So right away when I hover my mouse over these images I can tell that a link is attached to the image

18
00:02:22,440 --> 00:02:23,760
because the cursor changes

19
00:02:27,650 --> 00:02:32,420
let's just go ahead and click on each one to make sure that the links do work

20
00:02:40,290 --> 00:02:46,030
so it appears that each link does work and that's how you apply links to images.

21
00:02:47,600 --> 00:02:58,000
Now let's go ahead and create textual links.

22
00:02:58,180 --> 00:03:06,910
Now the process of adding links to text is identical but first we have to create a few lines of text

23
00:03:06,940 --> 00:03:09,400
to apply links to.

24
00:03:09,490 --> 00:03:11,610
So let's go ahead and create a new paragraph.

25
00:03:16,620 --> 00:03:18,040
And then just typed some text

26
00:03:28,390 --> 00:03:33,560
and we'll just indent this text and now we can begin adding the text links

27
00:03:40,680 --> 00:03:44,640
we use the same links that we used last time because we know they were

28
00:03:50,350 --> 00:03:55,000
just copy and paste from the other links we created

29
00:04:08,140 --> 00:04:17,360
Okay so now that we have our link supplied we can go ahead and just save the file we'll test one of

30
00:04:17,360 --> 00:04:19,180
them just to make sure it works.

31
00:04:19,190 --> 00:04:20,090
Sure you get the idea

32
00:04:24,980 --> 00:04:31,900
so we can see our list there and we'll just click on for the dot com and it does go to Miami dot com

33
00:04:31,900 --> 00:04:34,090
Web site.

34
00:04:34,100 --> 00:04:40,030
Now one thing you'll notice is when I clicked on the link it opened the link in the same browser window

35
00:04:40,090 --> 00:04:43,720
is our original page.

36
00:04:43,900 --> 00:04:51,010
A lot of times what you might need to do is open open the link in a new browser window so then that

37
00:04:51,010 --> 00:04:57,250
way the original window doesn't close and the viewer can very easily revert back to it.

38
00:04:59,940 --> 00:05:10,030
And in order to do that we need to add a target attribute to our 88 so the target attribute looks like

39
00:05:10,030 --> 00:05:10,420
this

40
00:05:15,950 --> 00:05:20,910
and to specify that we want this page to open in a new browser window.

41
00:05:21,200 --> 00:05:28,850
You put an underscore and type blank within the quotations and that'll open in a new blank window.

42
00:05:28,850 --> 00:05:29,900
That's what that means.

43
00:05:35,190 --> 00:05:37,990
So just copy and paste that attribute into the other links

44
00:05:42,830 --> 00:05:57,360
and then save your file and previewed in the browser.

45
00:05:57,420 --> 00:06:04,820
So now we can see that the link opens in a separate browser window and it's very a lot more convenient

46
00:06:04,880 --> 00:06:09,200
to switch back to our original page without having to press the back button

47
00:06:21,950 --> 00:06:26,700
and it looks like each one is working in opening in a separate browser window.