I know this seems like a fundamental task, but I realize that some people just don’t know how to create a simple link. With that said, I have decided to show you how to create a link and also I will show you how to create anchors like this one.
A Basic HTML link is written out like:
<a href="http://www.websiteconsultants.org>what you want the link to say</a>
which will produce- “what you want the link to say“.
Now, there are a lot of different attributes that you can include into a link like such as title (hover over the link) , whether the link is nofollowed, etc etc…For more on that, please see the W3C section on links. For now, we are going to stick to the very basics of a link and also anchor links. Here is a quick idea of how to create a link in Joomla using the WYSIWYG editor. It will show you step by step how easy it is.
NOTE: Right click on the picture and hit “view image” and there will be a larger version. Slows page load on this page but I wanted you guys to see the full size.
Now that we understand how easy it is to create a link in Joomla, let’s look at how anchors work. Ever see a page where at the bottom the link will say something like, “BACK TO TOP” and you click it and instantly you get shot to the top of the page? Well, that was an anchor in play. Now in Joomla, it is very easy to create anchors:
- Select where on the page you want the anchor to be then click the anchor icon in the editor.
- Create a name for the anchor
- Link to the anchor from a different page or the same page by using a link like this: <a href=”http://www.websiteconsultants.org/site.html#ANCHORNAME
Don’t ask me why you have to use the pound sign, but you have to. Simple as pie, huh? It works the same way in non Joomla environments with the exception of the WYSIWYG editor, instead you just have to create the link using the <a> attribute called “NAME”, so your anchor link would look like this:
<a name= "anchor name">
Cool, huh? Feel free to ask any questions if you don’t understand this or if I was a little too broad.
