Your Guide to Professional
Web Site Design and Development

• HTML Tips
• HTML Codes
• Web Development
• Web Design Tips
• JavaScript Codes
• 216 Web Safe Colors
• CSS Tutorial
• JavaScript Tutorial
•
ASCII Character Codes

Offering a guide to professional web site design, web page design and web design guidelines

| Web Site Development | HTML Codes | HTML Tips | Web Design Tips | Javascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

Customizing HTML Web Page Form Bulleted Lists

You can customize your HTML web page form bulleted lists.

The ORDERED LIST tag is used to create a numbered list to display your list text. You can customize your list styles by adding type="?" to your list tag.


HTML Code: Browser View:
<OL>
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>
  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4

To display your list with letters (a,b,c,d) instead of numbers (1,2,3,4) add <type="a"> to the <OL> tag.
HTML Code: Browser View:
<OL type="a">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>
  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4

To display your list with Roman numerals, add <type="i"> to the <OL> tag.
HTML Code: Browser View:
<OL type="i">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>
  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4

 More Web Design Tips