Ordered List

 

HTML Ordered List

  • An ordered list is used to create a list of items in a specific order, typically indicated by numbers.

Syntax

cwh tutorial image

Key Points

  • Ordered lists are used for items that follow a sequence.

  • They are created using the <ol> (Ordered List) tag.

  • The list items are enclosed within <li> (List Item) tags.

Basic Example

<ol>
  <li>Mango</li>
  <li>Orange</li>
  <li>Litchi</li>
</ol>

Output:

  1. Mango
  2. Orange
  3. Litchi

Setting the 'type' Attribute

The type attribute specifies the style of numbering. You have several options


  1. Uppercase Roman Numerals: Use type="I"
  2. Lowercase Roman Numerals: Use type="i"
  3. Arabic Numerals: Use type="1" (This is the default if the type the attribute is not specified)
  4. Lowercase Alphabetical Letters: Use type="a"
  5. Uppercase Alphabetical Letters: Use type="A"

Setting the 'start' Attribute

The start attribute specifies the starting number for the list.

<ol type="A" start="3">
  <li>Pen</li>
  <li>Pencil</li>
</ol>

Output:

  1. Pen
  2. Pencil

Related Posts:

  • HTML Introduction  What is HTML5?HTML stands for Hypertext Markup LanguageHypertext is Text which contains links to other textsmarkup language it's a way to … Read More
  • More on forms Common AttributesactionThe action attribute specifies the URL where the form data should be sent after submission.<form action="/su… Read More
  • Textarea & Select Textarea ElementThe textarea element is used when you need multiline text input from the user. This is particularly useful for comment… Read More
  • HTML FormsThe <form> tag is used to create an HTML form for user input.The <input> HTML element is used to create interactive controls for web-based… Read More
  • HTML Working How do websites work?When a user sends a request to a server by typing  (www.devjunctionpoint.blogspot.com) on the internet or browseryour … Read More

0 Comments:

Post a Comment

Do leave your comments