Anchor Links/ How to create a FAQ page.

Difficulty: Beginners/Intermediate Html/CSS

Ever wonder how on those odd FAQ sites where the links on the top, direct you the answer further down the page? well you come to the right place. further down I will teach you how to create your own link effect like on those FAQ pages.

Step 1: Make the list of questions. While this can apply for anything lets just assume your using it like a FAQ.
Using codes from the bullets tutorial I create my list of questions.
<ul> <li>Why Blaqheartedstar?</li> <li>Who is the guy on the header?</li> <li>Whats with purple?</li> <li>waaa i can't figure out...?</li> </ul> Step 2: Time to add the links. Now that I got my questions in the bullets list forum. Its time to add the anchor links. If you are unsure how to link check out the basics here. Like a basic link instead of adding a url you will just add #name. For example: <ul> <li><a href="#question1">Why Blaqheartedstar?</a></li> <li><a href="#question2">Who is the guy on the header?</a></li> <li><a href="#question3">Whats with purple?</a></li> <li><a href="#question4">waaa i can't figure out...?</a></li> </ul> You can rename "question1-4" with anything you want.

Step 3: Creating the Anchor. With the list ready now its time to answer the questions. After you answer the questions its time to "anchor" the answers
<a name="#question1">Why Blaqheartedstar?</a> Now this question will be colored in whatever color your links are so if you want them to look much different add a class. Tutorial to custom links will be made soon!
If you don't want to link the question you are welcome to just add the link next to the question with the following. <a name="#question1">&nbsp;</a> that nbsp is actually the code for space. Like what you get when you hit the space bar.

Custom

If you want to add anchor links on a different page to link a certain part of another page you can do this by the following.
<a href="http://URLHERE.com/PAGE.php#question1">Why Blaqheartedstar?</a> Just replace URLHERE.COM with of course your website url. PAGE.PHP will be the page's name and extension. This can be .html .htm .php and many more.

And like with the FAQ tutorial above just add <a name="#question1">&nbsp;</a> to where ever you want that custom anchor link to go to. Still a little confused? So lets say for example that my site page (site.php) has a anchor link with the following:
My favorite websites
but that section is in my about me page (me.php)
by creating the anchor on my about me page
<a href="http://URLHERE.com/PAGE.php#question1">Why Blaqheartedstar?</a> and creating the anchor link on my site page
<a name="#question1">&nbsp;</a> I'm able to take my visitors to that specific part of the page.