How do you rename links ?

Question

Please forgive me for being old and not very tech savy but how do you rename links ? I often see highlighted words replacing actual inks. How is that done and what is the official terminology for that ?

Answer 1

A "link" may be referred to as a "hyperlink", technically, though they mean the same thing.



As for how to go about renaming links, or changing how they are displayed to users, you can do so by editing the HTML code that was used to create the link.



Below is an example of what the HTML code used to create a hyperlink may look like:



Text to be linked here



In HTML, many things are created and styled using a series of tags, which is what are indicated by the brackets in the above example.



To create a hyperlink, one would use the and tags, with the first tag being an opening tag, basically telling the browser that there will be a hyperlink on a webpage, and the latter being a closing tag, which tells the browser not to link anything after this tag.



Additionally, to create a hyperlink, there are attributes that are used within the tag, one of which is the "href" attribute, which stands for "hypertext reference" and points to the webpage, URL, or file that you are linking to, or referencing.



You would put the URL of the website or file between the quotation marks that come after the "href" attribute, which would look something like this:







It's important to include the equals sign and the quotation marks, just to be sure that everything is properly formatted and works correctly.



Then, you can put the text that you want to be linked (and oftentimes underlined in either blue or purple) between the opening tag and the closing tag, like this:



Yahoo! Answers



You do not have to put a website or URL between the two tags, as any text (or images, etc.) that you put between the two tags will be linked, so the choice of what you want the link to say is up to you!



As for editing a link, you could do so by right-clicking on the page that you're viewing and then selecting the "View Source" option, which should bring up the HTML code for that webpage.



From there, you can copy and paste the code into a text editor, such as Microsoft NotePad, or the free code-editing software, NotePad++, which allows users to use syntax highlighting and will make your code a bit easier to read, which you can download from the link below.



http://NotePad-Plus-Plus.org



Once you're done editing your link and the rest of your HTML document, you can simply save it with the file extension of ".html" and then open it in a web browser to view what you've coded!



Good luck and I hope I helped you!

Answer 2

I believe you are referring to "Hyperlinks" You can use any text editor that supports HTML. Like Word.



Example: If you copy and paste something from a webpage into word and included in the text is say a live hyperlink that says "Download Software Here" [which takes you to a download site]. Once in Word you can highlight the phrase and right click with mouse and choose "edit hyperlink".



A new window opens and at the top you can type in the actual words you want to appear and at the bottom is the url the link takes you to[which you can change as well if you want to]

You can then change the wording to anything you want but still make it open the original download link when you click on it in Word

Answer 3

link - this is a link that has not been used, nor is a mouse pointer hovering over it

visited - this is a link that has been used before, but has no mouse on it

hover - this is a link currently has a mouse pointer hovering over it/on it

active - this is a link that is in the process of being clicked



Using CSS you can make a different look for each one of these states:



a:link {

color:#006;

text-decoration:none;

cursor:pointer;

}



a:visited {

color:#369;

}



a:hover {

color:#f60;

text-decoration:underline;

}



a:focus {

outline: none; /* remove the dotted outline added by Firefox */

}



a:active {

color:#fc9;

cursor:wait;

}



a:link {color: #090;}

a:visited {color: #999;}

a:hover {color: #333;}

a:focus {color: #333;}

a:active {color: #090;}



Order matters. If "a:active" precedes "a:hover", the effects in "a:hover" will take precedence. So, in this example, you would not see the color change when the user clicks down on a link.



Pseudo Classes



You can set links contained in different parts of your web page to be different colors by using the pseudo class. For example, lets say you want your links in the content area to have a different color then the links in the left or right column of your webpage.



You can do this in the following fashion:



#pseudo_content a:link {color: #090;}

#pseudo_content a:visited {color: #999;}

#pseudo_content a:hover {color: #333;}

#pseudo_content a:focus {color: #333;}

#pseudo_content a:active {color: #090;}



Now assuming that you have your main content in a division named "content" all links within that division will now be styled by this new style selector. Should your selector have a different name, just change the #pseudo_content selector to match your division name.



Then for the links in a column you could use the following:



#pseudo_column a:link {color: #090;}

#pseudo_column a:visited {color: #999;}

#pseudo_column a:hover {color: #333;}

#pseudo_column a:focus {color: #333;}

#pseudo_column a:active {color: #090;}



Once again, this assumes the name of the column division, just change the name to match yours.



This same method can be accomplished by declaring a class instead of an id.



a.pseudo_column:link {color: #090;}

a.pseudo_column:visited {color: #999;}

a.pseudo_column:hover {color: #333;}

a.pseudo_column:focus {color: #333;}

a.pseudo_column:active {color: #090;}



Though in this case you will need to add a class to each link



some link text



But, there is still yet an easier way



.pseudo_column a:link {color: #090;}

.pseudo_column a:visited {color: #999;}

.pseudo_column a:hover {color: #333;}

.pseudo_column a:focus {color: #333;}

.pseudo_column a:active {color: #090;}



Then in the (X)HTML file

Link Text Description

Ron

Answer 4

Link text

Answer 5

http://www.roche.com/research_and_development/who_we_are_how_we_work/pipeline.htm