1 / 27

Doing L I N K S

Doing L I N K S. Links 1: Internal Links Links to anchors on the current page (Internal). Internal Links. Links to anchors on the current page (Internal). L inks are the most fundamental part of the world wide web. It is the links that tie it all together. Different kinds of Links.

onan
Download Presentation

Doing L I N K S

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

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.

More Related