Welcome to Bucaro TecHelp!

Bucaro TecHelp
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

Holiday Gift Guide
Holiday Gift Guide

HTML List Basics

One of the most common structures found on a webpage is a list. A list can be used to organize and clarify information. There are three kinds of lists; the ordered list, which in which every item is preceded by a number or letter, the unordered list which is commonly known as the bulleted list, and the definition list which has two parts for each item, the term and the definition.

The ordered list is defined by the <ol> </ol> tag pair. In an ordered list the list items are defined by <li> </li> tag pairs and the list items are automatically numbered by the browser.

<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
  1. List item 1
  2. List item 2
  3. List item 3

The unordered list is defined by the <ul> </ul> tag pair. In an unordered list the list items are also defined by <li> </li> tag pairs the list items are automatically bulleted by the browser.

<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
  • List item 1
  • List item 2
  • List item 3

The definition list is defined by the <dl> </dl> tag pair. The definition list is used to display a list of terms and descriptions or definitions of each term. In a definition list, the terms are defined by <dt> </dt> tag pairs and the related definitions are defined by <dd> </dd> tag pairs. The definitions are automatically indented by the browser.

<dl>
<dt>Term 1</dt>
<dd>Definition for term 1</dd>
<dt>Term 2</dt>
<dd>Definition for term 2</dd>
<dt>Term 3</dt>
<dd>Definition for term 3</dd>
</dl>
Term 1
Definition for term 1
Term 2
Definition for term 2
Term 3
Definition for term 3

More HTML Code:
• How to Code HTML Lists
• Providing Alternate and Title Text for an Image
• Use fieldset to Organize Form Elements
• How to Write and Run HTML
• Setting the Number of Items Visible in a Select List
• Keywords Meta Tag Generator
• HTML dfn Tag
• HTML Blockquote Basics
• Radio Button Basics
• When to Use the nofollow Attribute value

RSS Feed RSS Feed


Follow Stephen Bucaro Follow @Stephen Bucaro



Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2017 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268