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 TipsJavascript 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