HTML <ul> ਟੈਗ
定义和用法
<ul>
标签定义无序(带项目符号)列表。
请使用 <ul>
ਟੈਗ ਅਤੇ <li> ਟੈਗ ਨਾਲ ਅਨੰਕ ਲਿਸਟ ਬਣਾਓ。
ਸੁਝਾਅ:ਸੀਐੱਸਐੱਸ ਦੀ ਮਦਦ ਨਾਲ ਇਸਤੇਮਾਲ ਕਰੋਲਿਸਟ ਸਟਾਈਲ ਸੈਟ ਕਰੋ。
ਸੁਝਾਅ:ਕਿਸੇ ਕਰਨ ਲਈ ਪ੍ਰਵਾਨ ਹੈਂਡਲਰ ਲਿਸਟ ਲਈ ਇਸਤੇਮਾਲ ਕਰੋ <ol> ਟੈਗ。
ਹੋਰ ਦੇਖੋ:
ਐੱਚਟੀਐੱਮਐੱਲ ਟੂਰੀਜ਼ਮ:HTML ਲਿਸਟ
ਐੱਚਟੀਐੱਮਐੱਲ ਡੋਮ ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ:ਯੂਐਲ ਆਬਜੈਕਟ
ਸੀਐੱਸਐੱਸ ਟੂਰੀਜ਼ਮ:ਲਿਸਟ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰੋ
ਇਨਸਟੈਂਸ
ਉਦਾਹਰਨ 1
ਇੱਕ ਅਨੰਕ ਹੈਂਡਲਰ ਐੱਚਟੀਐੱਮਐੱਲ ਲਿਸਟ:
<ul> <li>ਕਾਫੀ</li> <li>ਚਾਇ</li> <li>ਦੁੱਧ</li> </ul>
ਉਦਾਹਰਨ 2
ਵੱਖ-ਵੱਖ ਲਿਸਟ ਸਟਾਈਲ ਪ੍ਰਕਾਰ ਸੈਟ ਕਰੋ (ਯੂਜ਼ ਕੀਤੇ ਕੈਸ ਸੀ):
<ul style="list-style-type:circle"> <li>ਕਾਫੀ</li> <li>ਚਾਇ</li> <li>ਦੁੱਧ</li> </ul> <ul style="list-style-type:disc"> <li>ਕਾਫੀ</li> <li>ਚਾਇ</li> <li>ਦੁੱਧ</li> </ul> <ul style="list-style-type:square"> <li>ਕਾਫੀ</li> <li>ਚਾਇ</li> <li>ਦੁੱਧ</li> </ul>
ਉਦਾਹਰਨ 3
ਲਿਸਟ ਵਿੱਚ ਲਾਈਨ ਹਾਈਟ ਵਧਾਓ ਅਤੇ ਘਟਾਓ (ਯੂਜ਼ ਕੀਤੇ ਕੈਸ ਸੀ):
<ul style="line-height:180%"> <li>ਕਾਫੀ</li> <li>ਚਾਇ</li> <li>ਦੁੱਧ</li> </ul> <ul style="line-height:80%"> <li>ਕਾਫੀ</li> <li>ਚਾਇ</li> <li>ਦੁੱਧ</li> </ul>
ਉਦਾਹਰਨ 4
ਲਿਸਟ ਵਿੱਚ ਇੱਕ ਹੋਰ ਲਿਸਟ (ਸ਼ਾਖਿਆਂ) ਬਣਾਓ:
<ul> <li>ਕਾਫੀ</li> <li>ਚਾਹ</li> <ul> <li>ਪੁਰਗਿਨ</li> <li>ਗ੍ਰੀਨ ਚਾਇ</li> </ul> </li> <li>ਦੁੱਧ</li> </ul>
ਉਦਾਹਰਨ 5
ਸਾਧਰਨ ਗੰਨੇ ਦੇ ਨਾਲ ਵਧੇਰੇ ਕੰਮਕਾਜੀ ਸ਼ਾਖਿਆਂ ਬਣਾਓ:
<ul> <li>ਕਾਫੀ</li> <li>ਚਾਹ</li> <ul> <li>ਪੁਰਗਿਨ</li> <li>ਗਰੀਨ ਟੀ</li> <ul> <li>ਬੀਲੂਚਿਨ</li> <li>ਲੰਗਚਿਨ</li> </ul> </li> </ul> </li> <li>ਦੁੱਧ</li> </ul>
ਸਾਰਵਤਰਿਕ ਪ੍ਰਤੀਯੋਗਿਤਾ
<ul>
ਟੈਗ ਨੂੰ ਵੀ HTML ਵਿੱਚ ਸਾਰਵਤਰਿਕ ਪ੍ਰਤੀਯੋਗਿਤਾ。
ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸਮਰਥਨ ਕਰਦੇ ਹਨ
<ul>
ਟੈਗ ਨੂੰ ਵੀ HTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ。
ਮੂਲਤਬੀ CSS ਸੈਟਿੰਗ
ਮੋਸਟ ਬਰਾਉਜ਼ਰਜ਼ ਨੂੰ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨਾਲ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੇ ਹਨ <ul>
ਅਣੂਰਜੀ:
ul { display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; padding-left: 40px; }
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਚਰਮੀ | ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪੇਰਾ |
---|---|---|---|---|
ਚਰਮੀ | ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪੇਰਾ |
ਸਹਾਇਤਾ | ਸਹਾਇਤਾ | ਸਹਾਇਤਾ | ਸਹਾਇਤਾ | ਸਹਾਇਤਾ |