Home Armadillo Web Design - Character is doing the right thing... even if no one is watching.
Creating Your Web Page With HTML Tags
HTML Tags
<Head>
<Body>
<B>
<Font>
<H1 - H6>
<BR>
<HR>
<List>
<Img>
<A>
<Table>
<TR>
<TD>
&nbsp; Space
Home
 

You Want To Build A <List>

Creating a List with ordered and unordered bullets.

The Explanation
The HTML Code
A List is a format of several lines of text set indented to draw attention to important points within the body of a text statement. The List can have several forms like the example below.
  1. The Ordered List can have numbers in sequential order.
  2. The Ordered List can have Alpha characters from A to Z and a to z.
  3. The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.
  4. The Ordered List can have nested lists with different formatting.
 <OL>
<li>The Ordered List can have numbers in sequential order.</li>

<li>The Ordered List can have Alpha characters from A to Z and a to z.</li>

<li>The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.</li>

<li>The Ordered List can have nested lists with different formatting.</li>
</OL>
Copy The Code
The Ordered List can have different numbering styles as stated above. To change the default numbering style of 1 - 0 add the attribute "type" to the OL tag. <OL Type="I"> will change the numbering style to Roman Numerals. The examples below will show this effect.
The Ordered List with Upper Case Roman Numerals.
  1. The Ordered List can have numbers in sequential order.
  2. The Ordered List can have Alpha characters from A to Z and a to z.
  3. The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.
  4. The Ordered List can have nested lists with different formatting.
 <OL type="I">
<li>The Ordered List can have numbers in sequential order.</li>

<li>The Ordered List can have Alpha characters from A to Z and a to z.</li>

<li>The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.</li>

<li>The Ordered List can have nested lists with different formatting.</li>
</OL>
The Ordered List with Lower Case Roman Numerals.
  1. The Ordered List can have numbers in sequential order.
  2. The Ordered List can have Alpha characters from A to Z and a to z.
  3. The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.
  4. The Ordered List can have nested lists with different formatting.
 <OL type="i">
<li>The Ordered List can have numbers in sequential order.</li>

<li>The Ordered List can have Alpha characters from A to Z and a to z.</li>

<li>The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.</li>

<li>The Ordered List can have nested lists with different formatting.</li>
</OL>
The Ordered List with Upper Case Alpha Characters.
  1. The Ordered List can have numbers in sequential order.
  2. The Ordered List can have Alpha characters from A to Z and a to z.
  3. The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.
  4. The Ordered List can have nested lists with different formatting.
 <OL type="A">
<li>The Ordered List can have numbers in sequential order.</li>

<li>The Ordered List can have Alpha characters from A to Z and a to z.</li>

<li>The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.</li>

<li>The Ordered List can have nested lists with different formatting.</li>
</OL>
The Ordered List with Lower Case Alpha Characters.
  1. The Ordered List can have numbers in sequential order.
  2. The Ordered List can have Alpha characters from A to Z and a to z.
  3. The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.
  4. The Ordered List can have nested lists with different formatting.
 <OL type="a">
<li>The Ordered List can have numbers in sequential order.</li>

<li>The Ordered List can have Alpha characters from A to Z and a to z.</li>

<li>The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.</li>

<li>The Ordered List can have nested lists with different formatting.</li>
</OL>
The Ordered List with Upper and Lower Case Alpha Characters.
  1. The Ordered List can have numbers in sequential order.
  2. The Ordered List can have Alpha characters from A to Z and a to z.
  3. The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.
  4. The Ordered List can have nested lists with different formatting.
 <OL type="A">
<li>The Ordered List can have numbers in sequential order.</li>

<li>The Ordered List can have Alpha characters from A to Z and a to z.</li>

<li type="a">The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.</li>

<li>The Ordered List can have nested lists with different formatting.</li>
</OL>
The Ordered List with a Nested List.
  1. The Ordered List can have numbers in sequential order.
  2. The Ordered List can have Alpha characters from A to Z and a to z.
    1. The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.
    2. The Ordered List can have nested lists with different formatting.
  3. The Nested Ordered List can have several levels of indentation and list styles.
Notice item "B" above and the HTML code for this item, the li tag has no closing tag on this line, the closing tag is after the second OL closing tag.		 <OL type="A">
<li>The Ordered List can have numbers in sequential order.</li>

<li>The Ordered List can have Alpha characters from A to Z and a to z.

    <OL type="i">
    <li>The Ordered List can have Roman Numerals
        like III, X, XX, XIII, etc.</li>
    <li>The Ordered List can have nested lists with
        different formatting.</li>
    </OL></li>
<li>The Nested Ordered List can have several levels of indentation and list styles.</li>
</OL>
The Unordered List consists of Bullets or Images serving as bullet indicators. There are three basic bullet styles that can be set using the "Type" attribute, in addition the popular browsers may have their own bullet style as the "Default Bullet". Special Bullet images may be used in place of the basic styles used by the browsers.

When we cover the image bullets you may download the supplied bullet by placing your mouse over the bullet image and "Right Clicking" your mouse, from the menu select "Save Image As:" and save the image to your working folder.
 
The Unordered List with Default Bullets.
  • The Ordered List can have numbers in sequential order.
  • The Ordered List can have Alpha characters from A to Z and a to z.
  • The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.
  • The Ordered List can have nested lists with different formatting.
 <UL>
<li>The Ordered List can have numbers in sequential order.</li>

<li>The Ordered List can have Alpha characters from A to Z and a to z.</li>

<li>The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.</li>

<li>The Ordered List can have nested lists with different formatting.</li>
</UL>
The Unordered List with Square Bullets.
  • The Ordered List can have numbers in sequential order.
  • The Ordered List can have Alpha characters from A to Z and a to z.
  • The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.
  • The Ordered List can have nested lists with different formatting.
 <UL type="square">
<li>The Ordered List can have numbers in sequential order.</li>

<li>The Ordered List can have Alpha characters from A to Z and a to z.</li>

<li>The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.</li>

<li>The Ordered List can have nested lists with different formatting.</li>
</UL>
The Unordered List with Circle Bullets.
  • The Ordered List can have numbers in sequential order.
  • The Ordered List can have Alpha characters from A to Z and a to z.
  • The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.
  • The Ordered List can have nested lists with different formatting.
 <UL type="circle">
<li>The Ordered List can have numbers in sequential order.</li>

<li>The Ordered List can have Alpha characters from A to Z and a to z.</li>

<li>The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.</li>

<li>The Ordered List can have nested lists with different formatting.</li>
</UL>
The Unordered List with Disc Bullets.
  • The Ordered List can have numbers in sequential order.
  • The Ordered List can have Alpha characters from A to Z and a to z.
  • The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.
  • The Ordered List can have nested lists with different formatting.
 <UL type="disc">
<li>The Ordered List can have numbers in sequential order.</li>

<li>The Ordered List can have Alpha characters from A to Z and a to z.</li>

<li>The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.</li>

<li>The Ordered List can have nested lists with different formatting.</li>
</UL>
The Definition List with Image Bullets.
The Bullets
Right click and Save As The Ordered List can have numbers in sequential order.
Right click and Save As The Ordered List can have Alpha characters from A to Z and a to z.
Right click and Save As The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.
Right click and Save As The Ordered List can have nested lists with different formatting.


Copy The Code		 <DL>
<DT>The Bullets</DT>
<dd><IMG SRC="bullet.gif" width="19" height="19" alt="Right click and Save As">The Ordered List can have numbers in sequential order.</dd>

<dd><IMG SRC="bullet.gif" width="19" height="19" alt="Right click and Save As">The Ordered List can have Alpha characters from A to Z and a to z.</dd>

<dd><IMG SRC="bullet.gif" width="19" height="19" alt="Right click and Save As">The Ordered List can have Roman Numerals like III, X, XX, XIII, etc.</dd>

<dd><IMG SRC="bullet.gif" width="19" height="19" alt="Right click and Save As">The Ordered List can have nested lists with different formatting.</dd>
</DL>


Family Friendly Site
Google
WWW Armadillo Web
Our Privacy Statement




International Copyright Armadillo Web Design © 1997 - 2012