MSK Institute • Shikohabad
Loading Page Content...
Preparing courses, live labs, and learning resources.सामग्री लोड हो रही है, कृपया प्रतीक्षा करें...
Connecting serverPlease wait...
💻 Practical Labs🚀 Free Demo📜 Verified Certificates
Ordered Lists & Nested Outlines0%
Ordered Lists & Nested Outlines
Beginner12 min read•Updated: Jul 11, 2026
Ordered lists represent numbered, sequential steps where order matters—such as installation tutorials, recipe steps, or algorithmic procedures.
Click to Zoom1. Basic Ordered List Syntax
To create an ordered list, prefix each line with a number followed by a period (.) or parenthesis ()), and a space:
1. Clone the repository
2. Install dependencies with npm
3. Run the development server
- HTML Output:
<ol><li>Clone the repository</li><li>...</li></ol>
2. The Auto-Numbering Magic of Markdown
One of Markdown's greatest conveniences is that you do not need to manually calculate numbers! The parser will automatically re-number the items consecutively on render:
1. First step
1. Second step
1. Third step
1. Fourth step
Rendered Output in Browser:
- 1First step
- 2Second step
- 3Third step
- 4Fourth step
Why write with all
1.? If you later insert a new step in the middle of a 20-step tutorial, you do not need to manually renumber the remaining 19 steps!3. Starting at an Offset Number
In CommonMark and GFM, the first number determines the starting index of the HTML list (<ol start="X">):
10. Step Ten
11. Step Eleven
12. Step Twelve
This will render starting from number 10, rather than 1!
4. Multi-Level Mixed Outlines
You can freely mix ordered and unordered lists to build complex hierarchical outlines:
1. Project Setup
- Initialize git (`git init`)
- Create `.gitignore`
2. Backend Architecture
- Database schemas
1. Users table
2. Orders table
- API routes
3. Deployment
- Configure Docker container
- Deploy to production
Interactive Quiz
Multiple Choice Questions
Question 1
What HTML tag is generated by an ordered list in Markdown?
Question 2
If you write an ordered list with '1. Apple', '1. Banana', '1. Orange', how will it render in the browser?
Question 3
How can you start an ordered list from the number 5 instead of 1?
Question 4
How do you indent a nested ordered list beneath a parent list item?
Question 5
Besides a period ('1.'), which other punctuation mark is valid after a number in CommonMark ordered lists?
Next Lesson
Task Lists & Interactive Checkboxes
Continue learning with hands-on practice, examples, and exercises in the upcoming topic.
Related Lessons
| Previous Lesson | Next Lesson |
|---|---|
| Unordered Lists & Bullet Customization | Task Lists & Interactive Checkboxes |
Practice Quiz
Test your understanding of this lesson with 5 questions. Each question has one correct answer.