HTML Lists Tutorials

Somewhat easier to work with than HTML tables —although the layout is less sophisticated— lists present another method of formatting text on web pages. HTML permits you to make several kinds of lists and this section of Iron Spider deals with this in three short and concise tutorials which also contain examples of HTML source code and the resulting effects.

Bulleted Lists

Anybody who has done any kind of text formatting in a computer program, be it in an email, a word processor or whatever is familiar with ability to set a group of items or sentences into an unordered bulleted list such as the one below:

• How to make a web page.
• Where to get good web hosting.
• How to buy a domain name.

This kind of list will display a 'bullet' beside each item in the list and will display the list indented. This is very useful to display a group of items that a viewer can quickly and easily scan through. HTML coding provides a way to create such lists and to customize the type of bullet that appears beside each item, e.g., a square, disc or circle.

Here is the HTML code to create the list shown above:

Want to make a square bullet?

Simply replace type="disc" with type="square".

Click on the link below to read the full tutorial... :)

MORE...

Numbered Lists

If you want to create a list that is numbered either numerically or alphabetically, this is handled by an ordered list such as the one in the example below:

1. List Item
2. List Item
3. List Item

A numbered list is created with the following HTML code:

<ol type="1">
   <li> List Item
   <li> List Item
   <li> List Item
</ol>

Simply replace type="1" with type="A" to create an alphabetized list and of course, List Item can be whatever you like...

MORE...

Definition Lists

Definition lists are a special kind of HTML list that allow you to display a list of items in a term/definition format. The term is displayed above and the definition of the term is displayed below and indented for easy reading such as the following example:

Web Browser

The program on your computer that permits you to 'browse' or view web pages on the internet.

Web Site

A collection of web pages that typically all reside at the same domain name, e.g., ironspider.ca.

Web Host

A company that provides a means to have your website available on the internet for all others to see all the time.

The HTML code for the above definition list reads as follows::

<dl>
   <dt>Web Browser
    <dd>The program on your computer that permits you to 'browse' or view web pages on the internet.
   <dt>Web Site
    <dd>A collection of web pages that typically all reside at the same domain name, e.g., ironspider.ca
   <dt>Web Host
    <dd>A company that provides a means to have your website available on the internet for all others to see all the time.
</dl>

MORE...