Lists and Menus

Domain Hosting image
Web Hosting
Dedicated server
ssl certificate
Web Design image
Email

A basic list in HTML consists of a list-identifier container plus the standard list items tag. In HTML, all list items use one tag, <Ll>, while the lists themselves are differentiated by their container tags. There are two types of lists in HTML viz. The ordered list and the Unordered list.

An ordered list, also called a numbered list, is used to create a sequential list of items or steps. When a Web browser sees the tag for an ordered list, it sequentially numbers each list item by using standard numbers (1, 2, 3, and so on).

Ordered (or numbered) lists begin with the <OL> tag, and each item uses the standard <Ll> tag. If needed, you can create a list heading by using the <LH> tag. Close the list with the </OL> tag to signal the end of the list. List containers provide both a beginning and ending line break to isolate the list from the surrounding text; it's not necessary (except for effect) to precede or follow the list with the paragraph <P> tag.

Unordered lists (bulleted lists) use the <UL> container tag. Just like ordered lists, bulleted lists provide beginning and ending line breaks and support internal HTML elements and sublists. Also, like ordered lists, they require closing tags; include the </UL> tag to signal the end of the list. Web browsers support and automatically indent sublists, and some also vary the bullet icon based on the relative level of the list. These icons vary depending on the client software viewing the HTML document.

<html>
<head>
<title>Ordered List Example>
</head>
<body>
Ordered List
<p>
<ol>
<lh>Some Asian Countries:
<br>
<small>
<li>India
<li>Bangladesh]
<li>Srilanka
<li>Singapore
</small>
</ol>
<br>Un Ordered List
<ul>
<lh>Some Asian Countries:
<br>
<small>

<li>India
<li>Bangladesh]
<li>Srilanka
<li>Singapore
</small>
</ul>
</body>
</html>

You can create menu lists with another list type supported by HTML and Web browsers. The distinction here is primarily for HTML identification; most browsers' default display for the <MENU> container is very similar to the font and style used for the unordered list container. The value of this element is enhanced if you select a distinct screen format for the menu paragraph in a Web browser's preferences.

As with the previous lists, menu lists provide beginning and ending line breaks and can include other HTML elements in a menu container. The anchor element is the most likely HTML element to use in this type of list; it is used to link the menu listings to other document resources or Internet applications.

<html>
<head>
<title>Menu List Example>
</head>
<body>
<menu>

<lh>Countries of Asia:
<br>
<li>India
<li>Bangladesh]
<li>Srilanka
<li>Singapore

<li>Burma
<li>China
</menu>
</body>
</html>



Domain Name Search

www.


Copyright (C) 2007. Web Domain design hosting. All rights reserved.