ਇੱਕ ਸੰਗਠਿਤ ਅਤੇ ਪੜ੍ਹਨਯੋਗ ਢੰਗ ਨਾਲ ਡੇਟਾ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਸੂਚੀਆਂ HTML ਦਾ ਇੱਕ ਜ਼ਰੂਰੀ ਹਿੱਸਾ ਹਨ। HTML ਤਿੰਨ ਮੁੱਖ ਕਿਸਮਾਂ ਦੀਆਂ ਸੂਚੀਆਂ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ: ਬਿਨਾਂ ਕ੍ਰਮਬੱਧ ਸੂਚੀਆਂ, ਕ੍ਰਮਬੱਧ ਸੂਚੀਆਂ, ਅਤੇ ਪਰਿਭਾਸ਼ਾ ਸੂਚੀਆਂ।
ਬਿਨਾਂ ਕ੍ਰਮਬੱਧ ਸੂਚੀਆਂ(<ul>) ਖਾਸ ਬੁਲੇਟ ਪੁਆਇੰਟਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੀਆਂ ਹਨ ਅਤੇ ਖਾਸ ਤੌਰ 'ਤੇ ਕਾਲੇ ਬਿੰਦੀਆਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ, ਇੰਡੈਂਟਡ ਆਈਟਮਾਂ ਵਜੋਂ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦੀਆਂ ਹਨ। ਇਹ ਉਹਨਾਂ ਆਈਟਮਾਂ ਨੂੰ ਸੂਚੀਬੱਧ ਕਰਨ ਲਈ ਇੱਕ ਪ੍ਰਸਿੱਧ ਵਿਕਲਪ ਹੈ ਜਿਨ੍ਹਾਂ ਲਈ ਕਿਸੇ ਖਾਸ ਆਰਡਰ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।
ਕ੍ਰਮਬੱਧ ਸੂਚੀਆਂ(<ol>) ਖਾਸ ਨੰਬਰਿੰਗ ਜਾਂ ਅੱਖਰ ਮਾਰਕਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੀਆਂ ਹਨ ਅਤੇ ਕ੍ਰਮਵਾਰ ਕ੍ਰਮਬੱਧ ਸੂਚੀ ਵਜੋਂ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦੀਆਂ ਹਨ। ਇਹ ਅਕਸਰ ਇੱਕ ਖਾਸ ਕ੍ਰਮ ਵਿੱਚ ਆਈਟਮਾਂ ਨੂੰ ਸੂਚੀਬੱਧ ਕਰਨ ਜਾਂ ਉਹਨਾਂ ਨੂੰ ਨੰਬਰ ਦੇਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।
ਪਰਿਭਾਸ਼ਾ ਸੂਚੀਆਂ(<dl>) ਡੇਟਾ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਸ਼ਬਦ ਅਤੇ ਵਰਣਨ ਜੋੜਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰਦੀਆਂ ਹਨ। ਹਰੇਕ ਜੋੜਾ <dt>(ਪਰਿਭਾਸ਼ਾ ਸ਼ਬਦ) ਅਤੇ <dd>(ਪਰਿਭਾਸ਼ਾ ਵਰਣਨ) ਟੈਗਾਂ ਦੇ ਅੰਦਰ ਬੰਦ ਹੁੰਦਾ ਹੈ। ਇਹ ਵਿਸ਼ੇਸ਼ ਸੰਕਲਪਾਂ ਲਈ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਜਾਂ ਪਰਿਭਾਸ਼ਾਵਾਂ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਦਾ ਇੱਕ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਤਰੀਕਾ ਹੈ।
ਬਿਨਾਂ ਕ੍ਰਮਬੱਧ ਸੂਚੀ( <ul>)
- <ul> ਤੱਤ ਦੀ ਵਰਤੋਂ ਬਿਨਾਂ ਕ੍ਰਮਬੱਧ ਸੂਚੀ ਬਣਾਉਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।
- ਬਿਨਾਂ ਕ੍ਰਮਬੱਧ ਸੂਚੀ ਵਿੱਚ ਹਰੇਕ ਆਈਟਮ ਨੂੰ ਇੱਕ <li> ਤੱਤ ਦੇ ਅੰਦਰ ਰੱਖਿਆ ਗਿਆ ਹੈ।
- ਬਿਨਾਂ ਕ੍ਰਮਬੱਧ ਸੂਚੀਆਂ ਨੂੰ ਆਮ ਤੌਰ 'ਤੇ ਬੁਲੇਟ ਜਾਂ ਸਮਾਨ ਅੱਖਰਾਂ ਨਾਲ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
ਕ੍ਰਮਬੱਧ ਸੂਚੀ( <ol>)
- <ol> ਤੱਤ ਦੀ ਵਰਤੋਂ ਕ੍ਰਮਬੱਧ ਸੂਚੀ ਬਣਾਉਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।
- ਆਰਡਰ ਕੀਤੀ ਸੂਚੀ ਵਿੱਚ ਹਰੇਕ ਆਈਟਮ ਨੂੰ ਇੱਕ <li> ਤੱਤ ਦੇ ਅੰਦਰ ਰੱਖਿਆ ਗਿਆ ਹੈ।
- ਕ੍ਰਮਬੱਧ ਸੂਚੀਆਂ ਆਮ ਤੌਰ 'ਤੇ ਨੰਬਰਾਂ ਜਾਂ ਵਰਣਮਾਲਾ ਦੇ ਅੱਖਰਾਂ ਨਾਲ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦੀਆਂ ਹਨ।
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
ਪਰਿਭਾਸ਼ਾ ਸੂਚੀ( <dl>)
- <dl> ਤੱਤ ਦੀ ਵਰਤੋਂ ਪਰਿਭਾਸ਼ਾ ਸੂਚੀ ਬਣਾਉਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।
- ਪਰਿਭਾਸ਼ਾ ਸੂਚੀ ਵਿੱਚ ਹਰੇਕ ਆਈਟਮ ਵਿੱਚ <dt>(ਪਰਿਭਾਸ਼ਾ ਸ਼ਬਦ) ਅਤੇ <dd>(ਪਰਿਭਾਸ਼ਾ ਵਰਣਨ) ਟੈਗਾਂ ਦੀ ਇੱਕ ਜੋੜੀ ਹੁੰਦੀ ਹੈ।
- <dt> ਟੈਗ ਵਿੱਚ ਪਰਿਭਾਸ਼ਿਤ ਕੀਵਰਡ ਜਾਂ ਵਿਸ਼ੇਸ਼ਤਾ ਸ਼ਾਮਲ ਹੁੰਦੀ ਹੈ, ਜਦੋਂ ਕਿ <dd> ਟੈਗ ਵਿੱਚ ਉਸ ਕੀਵਰਡ ਜਾਂ ਵਿਸ਼ੇਸ਼ਤਾ ਲਈ ਵਰਣਨ ਜਾਂ ਵਿਆਖਿਆ ਸ਼ਾਮਲ ਹੁੰਦੀ ਹੈ।
<dl>
<dt>Keyword 1</dt>
<dd>Description for Keyword 1</dd>
<dt>Keyword 2</dt>
<dd>Description for Keyword 2</dd>
</dl>
ਸੂਚੀ ਕਿਸਮ ਵਿਸ਼ੇਸ਼ਤਾ( <ul> ਅਤੇ <ol>)
- ਟਾਈਪ ਐਟਰੀਬਿਊਟ ਦੀ ਵਰਤੋਂ ਕ੍ਰਮਬੱਧ ਸੂਚੀ ਦੀ ਨੰਬਰਿੰਗ ਸ਼ੈਲੀ ਨੂੰ ਨਿਸ਼ਚਿਤ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।
- ਕਿਸਮ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਮੁੱਲ "1"(ਸੰਖਿਆ), "A"(ਵੱਡੇ ਅੱਖਰ), "a"(ਛੋਟੇ ਅੱਖਰ), "I"(ਵੱਡੇ ਅੱਖਰ ਰੋਮਨ ਅੰਕ), ਜਾਂ "i"(ਲੋਅਰਕੇਸ ਰੋਮਨ ਅੰਕ) ਹੋ ਸਕਦਾ ਹੈ। .
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
ਸਟਾਰਟ ਐਟਰੀਬਿਊਟ( <ol>)
- ਸ਼ੁਰੂਆਤੀ ਗੁਣ ਦੀ ਵਰਤੋਂ ਇੱਕ ਕ੍ਰਮਬੱਧ ਸੂਚੀ ਵਿੱਚ ਨੰਬਰਿੰਗ ਦੇ ਸ਼ੁਰੂਆਤੀ ਮੁੱਲ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।
- ਸ਼ੁਰੂਆਤੀ ਗੁਣ ਦਾ ਮੁੱਲ ਇੱਕ ਸਕਾਰਾਤਮਕ ਪੂਰਨ ਅੰਕ ਹੈ।
<ol start="5">
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ol>
ਉਲਟ ਗੁਣ( <ol>)
- ਉਲਟ ਗੁਣ ਦੀ ਵਰਤੋਂ ਉਲਟ ਕ੍ਰਮ ਵਿੱਚ ਕ੍ਰਮਬੱਧ ਸੂਚੀ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।
- ਜਦੋਂ ਉਲਟ ਗੁਣ ਲਾਗੂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਨੰਬਰਿੰਗ ਘਟਦੇ ਕ੍ਰਮ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤੀ ਜਾਵੇਗੀ।
<ol reversed>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 1</li>
</ol>
ਇਹ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਤੇ ਤੱਤ ਤੁਹਾਨੂੰ ਤੁਹਾਡੀਆਂ ਲੋੜਾਂ ਅਨੁਸਾਰ HTML ਵਿੱਚ ਸੂਚੀਆਂ ਬਣਾਉਣ ਅਤੇ ਅਨੁਕੂਲਿਤ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦੇ ਹਨ। ਤੁਸੀਂ ਉਹਨਾਂ ਦੀ ਵਰਤੋਂ ਆਪਣੀ ਵੈਬਸਾਈਟ 'ਤੇ ਸਪਸ਼ਟ ਅਤੇ ਸੰਗਠਿਤ ਤਰੀਕੇ ਨਾਲ ਡੇਟਾ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਕਰ ਸਕਦੇ ਹੋ।