HTML List

HTML LIST

• HTML offers authors several mechanisms for specifying lists of information. 
• All lists must contain one or more list elements. Lists may contain:

• Unordered information.
• Ordered information.
• Definitions.

HTML LIST Description

• HTML Unordered Lists

An unordered list (<ul>) signifies to a web browser that all list items contained inside the <ul> tag should be rendered with a bullet preceding the text. 

The default bullet type for most web browsers is a full disc (black circle), but this can be adjusted using an HTML attribute called type.

• HTML Ordered Lists

An ordered list is defined using the <ol> tag, and list items placed inside of an ordered list are preceded with numbers instead of bullets.

• HTML Definition Lists

HTML definition lists (<dl>) are list elements that have a unique array of tags and elements; the resulting listings are similar to those you'd see in a dictionary.

<dl> - opening clause that defines the start of the list

<dt> - list item that defines the definition term

<dd> - definition of the list item

Use of HTML LIST

• Use Of HTML Lists In Web Design. 
• These include navigation menus, profile links, archives, tasks/checklists, and tons of other uses!

Example of HTML LIST

Unordered List:

      

       Code:

              <ul>

<li>Apples</li>

<li>Oranges</li>

<li>Bananas</li>

</ul>

        Result:

·         Apples

·         Oranges

·         Bananas

Ordered List:

       Code:

              <ol>

<li>Apples</li>

<li>Oranges</li>

<li>Bananas</li>

</ol>

Result:

1.   Apples

2.   Oranges

3.   Bananas

Definition List:

      

       Code:

              <dl>

                   <dt><b>Fromage</b></dt>

                    <dd>French word for cheese.</dd>

                   <dt><b>Voiture</b></dt>

                    <dd>French word for car.</dd>

                   </dt>

</dl>

Result:

       Fromage

French word for cheese.

Voiture

French word for car.

Posted in: HTML