Monday, June 13, 2011

Make A Timeline Using Html

A timeline can add significant value to your website. Your website visitors can have a historical reference regarding a series of events, or team members can have a project schedule to refer to and follow online.


Instructions


1. Open your HTML document for editing. Scroll to the tags to add your table code for the timeline.


2. Enter on the first available line where you want the timeline to appear inside of your tags. The table border sets the amount of space around the table edge, the cellpadding adds space inside each cell in the timeline, and the cellspacing sets the amount of space between cells. Replace these numbers with your own choices.


3. Go down to the next line and type in Timeline Title and replace Timeline Title with your own title for the timeline.


4. Enter on the next line TimeDescription. This is the code that will set your header for the timeline---it establishes two columns for the "Time" and "Description" of your timeline. Replace those two words with your own language if you'd like.


5. Type in May 2010Opening of Website on the line after that. This is the first entry on the timeline. Replace "May 2010" and "Opening of Website" with your own timeline entry.


6. Copy and paste the line of code from the previous step as many times as you need to create all of the rows for your timeline. Fill in the correct information to replace the example text.


7. Close the table with . Save and view your HTML timeline in a web browser. Modify the text and add more entries as you see fit.







Tags: with your, your timeline, amount space, next line, sets amount, sets amount space, timeline Enter