Advertisement
Guest User

Ordered list on HTML

a guest
Feb 27th, 2015
226
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.24 KB | None | 0 0
  1. Ordered HTML Lists
  2. An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
  3.  
  4. The list items will be marked with numbers.
  5.  
  6. Ordered List:
  7.  
  8. <ol>
  9. <li>Coffee</li>
  10. <li>Milk</li>
  11. </ol>
  12.  
  13. Try it Yourself »
  14. Ordered HTML Lists - The Type Attribute
  15. A type attribute can be added to an ordered list, to define the type of the marker:
  16.  
  17. Type Description
  18. type="1" The list items will be numbered with numbers (default)
  19. type="A" The list items will be numbered with uppercase letters
  20. type="a" The list items will be numbered with lowercase letters
  21. type="I" The list items will be numbered with uppercase roman numbers
  22. type="i" The list items will be numbered with lowercase roman numbers
  23. Numbers:
  24.  
  25. <ol type="1">
  26. <li>Coffee</li>
  27. <li>Tea</li>
  28. <li>Milk</li>
  29. </ol>
  30.  
  31. Try it Yourself »
  32. Upper Case:
  33.  
  34. <ol type="A">
  35. <li>Coffee</li>
  36. <li>Tea</li>
  37. <li>Milk</li>
  38. </ol>
  39.  
  40. Try it Yourself »
  41. Lower Case:
  42.  
  43. <ol type="a">
  44. <li>Coffee</li>
  45. <li>Tea</li>
  46. <li>Milk</li>
  47. </ol>
  48.  
  49. Try it Yourself »
  50. Roman Upper Case:
  51.  
  52. <ol type="I">
  53. <li>Coffee</li>
  54. <li>Tea</li>
  55. <li>Milk</li>
  56. </ol>
  57.  
  58. Try it Yourself »
  59. Roman Lower Case:
  60.  
  61. <ol type="i">
  62. <li>Coffee</li>
  63. <li>Tea</li>
  64. <li>Milk</li>
  65. </ol>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement