Download
doing l i n k s n.
Skip this Video
Loading SlideShow in 5 Seconds..
Doing L I N K S PowerPoint Presentation
Download Presentation
Doing L I N K S

Doing L I N K S

137 Views Download Presentation
Download Presentation

Doing L I N K S

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

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

  2. Internal Links • Links to anchors on the current page (Internal).

  3. Links are the most fundamental part of the world wide web. • It is the links that tie it all together

  4. Different kinds of Links • There 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).

  5. Link Tags • The tags used to produce links are the <a> and </a>.

  6. LINK to a target • . • . . <A NAME=“POEM”><H3><P>My Poem about Roses></H3></P></A> A Rose is a rose is a Rose

  7. Anchor tags • Everything between these two will work as a link. <a> and </a>.

  8. Starting links • The S T A R T of the link is added to the <a> tag using the href="http://www.whateverpage.com" setting. This is where we are going to….

  9. The target of the link is added to the <a> tag using the href="http://www.whateverpage.com" setting. Start the Link

  10. The example below shows how to make the word here work as a link to yahoo. Click <a href="http://www.yahoo.com">here</a> to go to yahoo. Start the Link

  11. You simplify: • Specify the START in the <a href=" ">. • Then add the text that should work as a link. • Finally add an </a> tag to indicate where the link ends

  12. Watch the COLOR of the text Links • There are a few settings that can be useful for controlling the colors of text links.

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

  14. Define colors for all links on the page • The general color of text links is specified in the <body> tag, like in the example below:<body link="#C0C0C0" vlink="#808080" alink="#FF0000"> • ?

  15. Link, alink, vlink

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

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

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

  19. Define colors for individual links on the page • you might want some or links to have different colors than the rest of the page. • There are 2 ways for doing this:

  20. Individual links • Placing font tags between the <a href> and the </a> tag.This method will work on all browsers …usually • <a href><Font Color=red>Web </a>

  21. Another way…… • Using a style setting inside the <a> tag. This method works on newer browsers. • The first technique would look like this:Click <a href="http://www.yahoo.com"><font color="FF00CC">here</font></a> to go to yahoo.

  22. Note: • It is important that both the <font> and the </font> tags are between the • <a href> and </a> tags.

  23. The second technique would look like this: Click <a href="http://www.yahoo.com" style="color: rgb(0,255,0)"> here </a> to go to yahoo. Sets the style internally inside the <a>

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

  25. This example will work on all browsers: • This example will work on all browsers:Click <a href="http://www.yahoo.com" style="color: rgb(0,255,0)"> <font color="FF00CC">here</font></a> to go to yahoo.

  26. Safe browsers • The 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.

  27. 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.