|
|||
|
|
|||
Menu- Help Forum - CIA Topsite - Getting Started - HTML Tags - Links - What is a Link? - Making a Text Link - Link Tags - Making an Image Link - Link Anchors - More about Links - Graphics - Text - Display Your Code - Site Formatting - CSS - PHP - Javascript - Guestbooks / Shoutbox - Lists - Extras - Site Tips Tools- Scrollbar Gen - ASCII Chart - HTML Cheat Sheet - MySpace Ad Remover - Xanga Ad Remover Contact MeSite Links- Your link here - More Affiliates... |
LinksWhat is a Link?A link is a way to interconnect pages of a website. Through links you can help direct your visitors to different sections with different information.Top How do I make a Text Link?Making text links is extremely simple. You simply copy the code below and fill in the necessary information.<a href="URL">Name</a> URL is the URL that you want the user to end up at. Name is what you want the user to have to click. It's the name of the link. For example if I changed URL to http://www.codeitall.com and Name to Code It All. The result would be the following link. Code It All Top Link TagsNow that you understand that we can add another piece to the code.<a href="URL" target="Type">Name</a>
Target = "Type" Type can be replaced with the following words. ("_blank" , "_self" , "_parent" , "_top").Blank opens a new window when the link is clicked Example (Blank) <a href="http://www.codeitall.com" target="_blank">Example 1</a> Self opens in the current window. (Same as not using target at all). Example 2 <a href="http://www.codeitall.com" target="_self">Example 2</a>
Parent opens in the parent frameset. Top opens in the topmost frameset. The last two have no examples because of the lack of frameset on this page. Note that you can also combine the target tag with layers such as iFrames. If you name the iFrame example1 and place the target equal to example1 the link will open within the iFrame itself. For more information regarding this please go here. Another tag that can be added to links is the title tag. <a href="http://www.codeitall.com" target="_self" title="link to main page" >Example (Title)</a> Example (Title) In the example above if you hover over the link you will see the text "link to main page". This is a description of what the link does. Fill in what you would like your links to say to have them appear. This is also a good thing to use to help search engines understand the way your site works and all of the possible keywords to use. Top How can I make my links into images rather than text?To make links into images you just take the code from before which makes a text link and replace the text with the code for an image.<a href="http://www.codeitall.com" target="_blank"><img src="http://www.codeitall.com/images/example.jpg" border="1"></a> - See This Code In Action Top What are link anchors?Link anchors are very cool and useful for long websites such as this one. An anchor is a link that when clicked simply moves you to a different portion of the page. For example in the menu if you click one of the links in the Links category it will bring you to that part of the page. The great part about this is that it is relatively simple and makes for a pretty cool setup.<a href="#jump">Jump to Jump</a> This part of the code links to #jump. This code acting alone will not do anything so we need to add one more part, the name. <a name="jump"></a> Take the above code and place it right above where you want the link to jump to. Below is a simple example of this in use. If you click top it will bring you to the top of this page. Thats done simply by placing the a name code at the top of the page and then the link below links to #top. Be sure to include the number sign in the link but not in the name. Top Quick ExplanationThe last thing I'd like to explain about the linking of text and images is that you can technically link anything. That means that anything you put between the <a href=""> and the </a> tags will be linked. You can have an image and text, just text, just an image and so on.Top |
||
|
|||
