Coding with basic HTML lets you link items in your list to pages or other areas of your website. First, build the pages that you will link to, then create the list on the page where site visitors will click on them. You can do this for an ordered or unordered list. Choose whether you want an ordered list or unordered list, then put the link coding within each list item.
Complete the pages that your list items will lead to. Upload them and jot down a list of the page names. For example, on an unordered list <ul> the list items <li> will look like this:
To change it to an ordered, or numbered list, use <ol> instead of <ul>.
Write the list links by adding the HTML coding inside each item. Refer to the file names of the pages to link to.
If the page is within a sub-folder, add that before the page file name to keep the path clean and working.
Repeat the coding for all line items that will be linked.
<li><A HREF="http://www.mysite.com/picnics/crackers.html">Graham Crackers</A></li>
Upload the html document with the line items now coded. Refresh your page and test each link. If all the pages have been uploaded and all the coding is correct, each linked item will work. If a broken link presents itself, check the code again. You might have a simple error such as a typo, or perhaps you omitted the file folder name. The other potential error is you used an incorrect page name to link to. Retrace your steps to narrow down and solve the error.
Add any additional line items by repeating these steps.
- Photo Credit Hemera Technologies/Photos.com/Getty Images
How to Make a Text Link Look Like a Beveled Button With CSS
A menu on a web page is really nothing more than a list of links. The most accessible type of menu is...
How to Make a Straight Unordered List in CSS
Front-end Web developers use unordered lists to provide structure to a whole host of different Web page tricks and effects ranging from...