Presentation is loading. Please wait.

Presentation is loading. Please wait.

Doing L I N K S Links 1: Internal Links Links to anchors on the current page (Internal).

Similar presentations


Presentation on theme: "Doing L I N K S Links 1: Internal Links Links to anchors on the current page (Internal)."— Presentation transcript:

1

2 Doing L I N K S Links 1: Internal Links Links to anchors on the current page (Internal).

3 Internal Links Links to anchors on the current page (Internal).

4 L inks are the most fundamental part of the world wide web. It is the links that tie it all together

5 Different kinds of Links T here are different kinds of links you can have on your website: Links on the current page (Internal). Links to other pages within the current site (Local) Links to pages outside the current site (Global).

6 Link Tags T he tags used to produce links are the and.

7 LINK to a target. My Poem about Roses> A Rose is a rose is a Rose

8 Anchor tags E verything between these two will work as a link. and.

9 Starting links T he S T A R T of the link is added to the tag using the href=" http://www.whateverpage.com " setting. This is where we are going to….

10 Start the Link T he target of the link is added to the tag using the href=" http://www.whateverpage.com " setting.

11 Start the Link T he example below shows how to make the word here work as a link to yahoo. Click here to go to yahoo.

12 Y ou simplify: Specify the START in the. Then add the text that should work as a link. Finally add an tag to indicate where the link ends

13 Watch the COLOR of the text Links T here are a few settings that can be useful for controlling the colors of text links.

14 how to: Define colors for all links on the page. Define colors for individual links on the page

15 D efine colors for all links on the page T he general color of text links is specified in the tag, like in the example below: ?

16 Link, alink, vlink

17 LINK link - standard link - to a page the visitor hasn't been to yet. (standard color is blue - #0000FF).

18 vlink vlink - visited link - to a page the visitor has been to before. (standard color is purple - #800080).

19 alink alink - active link - the color of the link when the mouse is on it. (standard color is red - #FF0000).

20 D efine colors for individual links on the page you might want some or links to have different colors than the rest of the page. T here are 2 ways for doing this:

21 Individual links Placing font tags between the and the tag. This method will work on all browsers …usually Web

22 Another way…… Using a style setting inside the tag. This method works on newer browsers. T he first technique would look like this: Click here to go to yahoo.

23 Note: It is important that both the and the tags are between the and tags.

24 T he second technique would look like this: Click here to go to yahoo. Sets the style internally inside the

25 PROBLEM…. Neither of these two techniques will work with every browser…. So COMBINE ‘em both…..

26 T his example will work on all browsers: T his example will work on all browsers: Click here to go to yahoo.

27 Safe browsers T he last example is interesting. Not only because it will work on all browsers. But even more because it shows a general approach to making your pages browser safe.

28 About browsers browsers simply leave out information that is not understood, you can work around browser differences by simply adding different settings for multiple browsers.


Download ppt "Doing L I N K S Links 1: Internal Links Links to anchors on the current page (Internal)."

Similar presentations


Ads by Google