Ordered HTML List


Ordered HTML List

An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.

The list items will be marked with numbers by default:

ਆਰਡਰਡ ਲਿਸਟ : ਆਰਡਰਡ ਲਿਸਟਾਂ ਦੀ ਵਰਤੋ ਉਸ ਸਮੇਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਜਦੋਂ ਲਿਸਟ ਵਿੱਚ ਆਈਟਮਾਂ ਦਾ ਕ੍ਰਮ ਮਹੱਤਵ ਰੱਖਦਾ ਹੋਵੇ।ਇਸ ਲਿਸਟ ਨੂੰ ਨੰਬਰਡ ਲਿਸਟ ਵਜੋਂ ਵੀ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ ਕਿਉੰਕਿ ਇਹ ਲਿਸਟ ਆਈਟਮਾਂ ਨੂੰ ਸੰਖਿਆਤਮਕ ਕ੍ਰਮ ਵਿਚ ਦਰਸਾਉਂਦਾ ਹੈ।HTML ਡਾਕੂਮੈਂਟ ਵਿੱਚ ਇਸ ਕਿਸਮ ਦੀ ਲਿਸਟ ਬਣਾਉਣ ਲਈ <OL> ਟੈਗ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।ਇੱਥੇ OL ਦਾ ਅਰਥ ਹੈ ਆਰਡਰਡ ਲਿਸਟ <OL> ਟੈਗ ਇੱਕ ਪੇਅਰਡ ਟੈਗ ਹੈ।ਇਸ ਲਿਸਟ ਦੀਆਂ ਸਾਰੀਆਂ ਆਈਟਮਾਂ <OL> ਅਤੇ </OL> ਟੈਗ ਦੇ ਵਿਚਕਾਰ ਰੱਖੀਆ ਜਾਂਦੀਆਂ ਹਨ। ਅਨਆਰਡਰਡ ਲਿਸਟ ਦੀ ਤਰ੍ਹਾਂ ਇਸ ਲਿਸਟ ਦੀ ਹਰ ਆਈਟਮ ਵੀ <LI> ਟੈਗ ਨਾਲ ਸ਼ੁਰੂ ਹੁੰਦੀ ਹੈ।


Live Demo & Try it yourself! Read More » »

Ordered List with Numbers


ਆਰਡਰਡ ਲਿਸਟ ਦੇ ਐਟਰੀਬਿਊਟਸ ( 111rites of Oriered List): ਅਸੀਂ ਆਰਡਰਡ ਲਿਸਟ ਵਿੱਚ ਲਿਸਟ ਆਈਟਮਾਂ ਦੇ ਕ੍ਰਮ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਸੰਖਿਆਤਮਕ ਕ੍ਰਮ (Numerical Order) ਜਾਂ ਵਰਣਮਾਲਾ ਦੇ ਕ੍ਰਮ (Alphabetic Order), ਜਾਂ ਕੋਈ ਵੀ ਅਜਿਹਾ ਫਾਰਮੈਟ ਜਿਸ ਨਾਲ ਕ੍ਰਮ ਨੂੰ ਦਰਸਾਇਆ ਜਾ ਸਕਦਾ ਹੈ, ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹਾਂ। ਆਰਡਰਡ ਲਿਸਟਾਂ ਵਿੱਚ ਲਿਸਟ ਦੇ ਕ੍ਰਮ ਦੀਆਂ ਵੱਖ- ਵੱਖਰੀਆਂ ਕਿਸਮਾਂ ਇਸ ਪ੍ਰਕਾਰ ਹੋ ਸਕਦੀਆਂ ਹਨ:

0 ਨੁਮੇਰਿਕ ਅੰਕਾਂ (Numeric Numbers) ਨਾਲ ਆਰਡਰਡ ਲਿਸਟ (1, 2, 3) ¤ ਵੱਡੇ ਰੋਮਨ ਅੰਕਾਂ (Capital Roman Numbers) ਨਾਲ ਆਰਡਰਡ ਲਿਸਟ (I II

III)

ਛੋਟੇ ਰੋਮਨ ਅੰਕਾਂ (Small Roman Numbers) ਨਾਲ ਆਰਡਰਡ ਲਿਸਟ (iiiiii)

¤ ਅੰਗਰੇਜੀ ਦੇ ਵੱਡੇ ਅੱਖਰਾਂ (Capital Alphabets) ਨਾਲ ਆਰਡਰਡ ਲਿਸਟ (AB C)

¤ ਅੰਗਰੇਜੀ ਦੇ ਛੋਟੇ ਅੱਖਰਾਂ (Small Alphabets) ਨਾਲ ਆਰਡਰਡ ਲਿਸਟ (a b c)

ਅਸੀਂ <OL> ਟੈਗ ਵਿੱਚ Type ਐਟਰੀਬਿਊਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਕ੍ਰਮ ਦੀ ਕਿਸਮ ਬਦਲ ਸਕਦੇ ਹਾਂ। ਮੂਲ ਰੂਪ ਵਿੱਚ (By default) ਇਹ ਕ੍ਰਮ ਡੇਸੀਮਲ ਨੰਬਰਾਂ ਵਿੱਚ ਹੁੰਦਾ ਹੈ। ਆਰਡਰਡ ਲਿਸਟਾਂ ਵਿੱਚ ਨੰਬਰਾਂ ਦੇ ਫਾਰਮੈਟ ਨੂੰ ਬਦਲਨ ਲਈ Type ਐਂਟਰੀਬਿਊਟ ਦੀਆਂ ਸੰਭਾਵਿਤ ਆਪਸ਼ਨਾਂ ਹੇਠਾਂ ਦਿੱਤੇ ਅਨੁਸਾਰ ਹੋ ਸਕਦੀਆਂ ਹਨ:

<ol type = "1">

<ol type = "T">

ਇਹ ਅਪਰ-ਕੇਸ ਰੋਮਨ ਅੰਕਾਂ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।

<ol type = "i">

<ol type = "A">

ਇਹ ਆਰਡਰਡ ਲਿਸਟ ਦਾ ਡਿਫਾਲਟ-ਨੰਬਰ ਫਾਰਮੇਟ ਹੁੰਦਾ ਹੈ।

ਇਹ ਲੰਅਰ-ਕੇਸ ਰੋਮਨ ਅੰਕਾਂ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਇਹ ਅਪਰ-ਕੇਸ ਅੱਖਰਾਂ (Upper-Case Letters) ਲਈ ਵਰਤਿਆ

ਜਾਂਦਾ ਹੈ।

<ol type=""> ਇਹ ਲੋਅਰ-ਕੇਸ ਅੱਖਰਾਂ (Lower-Case Letters) ਲਈ ਵਰਤਿਆ

ਜਾਂਦਾ ਹੈ।

ਅਸੀਂ <OL> ਟੈਗ ਦੇ Start ਐਟਰੀਬਿਊਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਆਪਣੀ ਜ਼ਰੂਰਤ ਅਨੁਸਾਰ ਨੰਬਰਿੰਗ ਦੇ ਸ਼ੁਰੂਆਤੀ ਮੁੱਲ ਨੂੰ ਵੀ ਨਿਰਧਾਰਤ ਕਰ ਸਕਦੇ ਹਾਂ। ਉਦਾਹਰਣ ਲਈ: <ol type = "1" start = "5" > ਨਾਲ ਲਿਸਟ ਆਈਟਮਾਂ ਦਾ ਕ੍ਰਮ ਰੋਮਨ ਅੰਕ 'v' ਤੋਂ ਸ਼ੁਰੂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। ਹੇਠਾਂ ਦਿੱਤੇ HTML ਪ੍ਰਗਰਾਮ ਵਿੱਚ Type ਅਤੇ Start ਐਟਰੀਬਿਊਟਸ ਦੇ ਨਾਲ ਆਰਡਰਡ ਲਿਸਟ ਦੀ ਵਰਤੋਂ ਨੂੰ ਦਰਸਾਇਆ ਗਿਆ ਹੈ


Live Demo & Try it yourself! Read More » »

Ordered List with Upper and Lower Case Letters



Live Demo & Try it yourself! Read More » »

Ordered List with Upper and Lower Roman Numbers



Live Demo & Try it yourself! Read More » »

Control List Counting


By default, an ordered list will start counting from 1. If you want to start counting from a specified number, you can use the start attribute:


Live Demo & Try it yourself! Read More » »

A Nested List Ordered List


ਨੈਸਟਿਡ ਲਿਸਟਾਂ (Nesting of Lists): Lists can be nested (list inside list):

ਇੱਕ ਨੈਸਟਡ ਲਿਸਟ ਨੂੰ ਸਬ-ਲਿਸਟ (Sub-list) ਵਜੋਂ ਵੀ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ। ਇਹ HTML ਵਿੱਚ ਕਈ ਨਵੀਂ ਕਿਸਮ ਦੀ ਲਿਸਟ ਨਹੀਂ ਹੈ ਅਤੇ ਨਾ ਹੀ ਇਹਨਾਂ ਲਿਸਟਾਂ ਨੂੰ ਬਣਾਉਣ ਲਈ ਕਿਸੇ ਵਿਸ਼ੇਸ਼ ਟੈਗ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਸਾਧਾਰਣ ਸ਼ਬਦਾਂ ਵਿੱਚ ਅਸੀਂ ਇਹ ਵੀ ਕਹਿ ਸਕਦੇ ਹਾਂ ਕਿ ਇਹ ਇੱਕ ਲਿਸਟ ਦੇ ਅੰਦਰ ਇੱਕ ਹੋਰ ਲਿਸਟ ਹੁੰਦੀ ਹੈ। ਸਬ-ਲਿਸਟ ਨੂੰ <> ਟੈਗ ਦੇ ਚਾਈਲਡ ਐਲੀਮੈਂਟ (Child Element) ਵੱਜੋਂ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਅਸੀਂ ਵੱਖ- ਵੱਖਰੀਆਂ ਕਿਸਮਾਂ ਦੀਆਂ ਲਿਸਟਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਵੀ ਨੈਸਟਿਡ ਲਿਸਟਾਂ ਤਿਆਰ ਕਰ ਸਕਦੇ ਹਾਂ। HTML ਡਾਕੂਮੈਂਟਸ ਵਿੱਚ ਨੇਸਟਿਡ ਲਿਸਟਾਂ ਬਣਾਉਣ ਲਈ ਹੇਠ ਲਿਖੀ ਪ੍ਰਕਿਰਿਆ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ


Live Demo & Try it yourself! Read More » »