Global GuideLine Home HTML Tutorial JavaScript Tutorial SQL Tutorial CSS Tutorial SEO Tutorial XML Tutorial XSLT Tutorial Articles Tutorial Interview Questions and Answers Guide Jobs GuideLine Bookmark With Google Bookmark With Yahoo Bookmark With FaceBook Bookmark With Live Follow @GlobalGuideLine on Twitter Bookmark Global GuideLine
HTML Lists, HTML Tutorial, Global Guideline

Bookmark this webpage. Bookmark: HTML Lists, HTML Tutorial Global Guideline is UNITED STATES's favorite website


      Home                    

Basic HTML Guide.      
 HTML Introduction.      
 HTML Entities.             
 HTML Tags Guide.      
 HTML Head.                
 HTML Meta.                
 HTML Styles.               
 HTML Formatting.       
 HTML Backgrounds.     
 HTML Attributes.         
 HTML Links.                
 HTML Tables.             
 HTML Images.            
 HTML Colors.              
 HTML Fonts.               
 HTML Marquee.         
 HTML Forms.             
 HTML Frames.           
 HTML Lists.
 HTML Scripts.           
 HTML Summary.        

HTML Tutorial >> HTML Lists.


     Back             Next     



HTML Lists Introduction

This html tutorial section describes how to create html lists within your HTML documents. There are a various types of lists that can be created; the most common being ordered (numbered html list) and unordered (bulleted html list). Here HTML Tutorial section of HTML Lists you'll find out how to customize your lists along with the less common list types, menu, definition and directories.

HTML Basic List

HTML Lists are defined by a list type and contain list items. The basic html list type determines how the list items are rendered, i.e. with bullets, numbers and/or indentation in a web page. Most browsers render html lists indented from the rest of the body text, however it is best not to rely on this as a source of indentation. For complex lists it is perfectly acceptable to nest lists, thus giving multi-level bullet points or numbering. The following html list example shows how to create a simple bullet point html list using the <UL> list type, which uses <LI></LI> as its html list item element.

Basic Colors in HTML
<UL>
<LI>Red</LI>
<LI>Green</LI>
<LI>Blue</LI>
</UL>

Out put of HTML List Example

Basic Colors in HTML
  • Red
  • Green
  • Blue


Here in HTML Tutorial an unordered html list provides each html list element with a bullet. As further levels of list are included (this is called nesting html list items), the bullet may change (but not necessarily). An unordered list should be enclosed in a pair of <UL></UL> tags.
• TYPE="disc|circle|square"

Netscape Navigator 2
and Microsoft Internet Explorer 4 upwards only. This optional attribute enables you to select one of the following forms of bullets in html list.
 
disc
circle
square

HTML Ordered Lists

Here HTML Tutorial an HTML Ordered List provides the list elements will sequential numbering. An html ordered list should be enclosed in a pair of html <OL></OL> tags.

TYPE="1|A|a|I|i"

This optional html list attribute enables you to select one of the following forms of numbering, where type=1 is the default:

1

1, 2, 3, ...

A

A, B, C, ...

a

a, b, c, ...

I

I, II, III, ...

i

i, ii, iii, ...


START=n

This optional list attribute enables you to specify a start value for your html list. The value is always specified in terms of 1, 2, 3, etc. regardless of any TYPE attribute.

COMPACT

This optional list compact attribute is not widely supported. It is used to to indicate that the html list contains only short list items, so it may be rendered in a more compact way.
 

HTML Order list Example

<OL TYPE="i" START=2>
<LI>Global.</LI>
<LI>Guide</LI>
<LI>Line</LI>
</OL>
 

HTML Order List Example Out put

  1. Global
  2. Guide
  3. Line
 


     Back             Next     
 
In order to link this page as Reference, click on below text area and pres (CTRL-C) to copy the code in clipboard or pres right click then copy the following lines after that past into your website or Blog.

Get Reference Link To This Page: (copy below code by (CTRL-C) and paste into your website or Blog)
HTML Rendering of above code:

[ About ] [ Contact ] [ Home ]
[ Links ] [ Site Map ] [ Services ] [ Privacy ]

Copyright © 2005-2006 www.globalguideline.com All rights reserved. Join Global Guide Line community. 766 visitors are online now