the shadow team!

Site hosted by Angelfire.com: Build your free website today!

	Welcome to Web gears !
	\| Home\| Free Downloads\| Basics \| Free Tutorials \| Learn from zero\| About\| Members only \| Why Become a member\|

Creating a Table of Contents:

In order to create a table of contents for a Web page. The first thing you must know is; there are two types of links in Any Table of Contents. the first one is a link that sends you to a place in the Same Web page, the second is a link that sends you to some other place outside your parent page(the one that has the link on). Now if you still not getting the picture, allow me to give you an example. Lets imagine you have just finished a Project of yours. and want to transform your Work in HTML, The first thing is to decide what type of links you will need to use in your Table of Contents, Should you use type one links, or should you use type two links? The answer for this one is pretty simple: If you want The Table of Contents In the same page, you use type one, Now if you want your Table of Contents to be on a separate page, You will need to link your pages in the normal way; Using Anchor links. Note that you also can link a whole paragraph to some place by simply watching where you put your </a> tag, if your put it before the paragraph you will only link the title but if you put it after the paragraph you will link the whole paragraph. Now Compile the following Example and you will understand what i mean.

<html> <body> <p> <a href="#C4"> See also Chapter 4. </a> </p> <p> <a href="#C8"> See also Chapter 8. </a> </p> <p> <a href="http://www.some place.com/chapter1.htm" <h2> Chapter 1</h2> <p>This chapter explains ba bla bla</p> </a> <h2>Chapter 2</h2> <p>This chapter explains ba bla bla</p> <a href="http://www.some place.com/chapter3.htm"<h2>Chapter 3</h2></a> <p>This chapter explains ba bla bla</p> <a name="C4"><h2>Chapter 4</h2></a> <p>This chapter explains ba bla bla</p> <h2>Chapter 5</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 6</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 7</h2> <p>This chapter explains ba bla bla</p> <a name="C8"><h2>Chapter 8</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 9</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 10</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 11</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 12</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 13</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 14</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 15</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 16</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 17</h2> <p>This chapter explains ba bla bla</p> </body> </html>

^ back to the top ^

This page is visitedtimes