HTML ஒழுங்கான பட்டியல்கள்
HTML <ol> குறிச்சொல் ஒரு ஒழுங்கான பட்டியலை வரையறுக்கிறது. ஒரு ஒழுங்கான பட்டியல் எண் அல்லது எழுத்து வரிசையில் இருக்கலாம்.
ஒழுங்கான HTML பட்டியல்
ஒரு ஒழுங்கான பட்டியல் <ol> குறிச்சொல்லுடன் தொடங்குகிறது. ஒவ்வொரு பட்டியல் உருப்படியும் <li> குறிச்சொல்லுடன் தொடங்குகிறது.
இயல்புநிலையாக பட்டியல் உருப்படிகள் எண்களால் குறிக்கப்படும்:
எடுத்துக்காட்டு
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
- Coffee
- Tea
- Milk
ஒழுங்கான HTML பட்டியல் - Type பண்புக்கூறு
<ol> குறிச்சொல்லின் type பண்புக்கூறு, பட்டியல் உருப்படி மார்க்கரின் வகையை வரையறுக்கிறது:
| வகை | விளக்கம் |
|---|---|
| type="1" | பட்டியல் உருப்படிகள் எண்களுடன் எண்ணிடப்படும் (இயல்புநிலை) |
| type="A" | பட்டியல் உருப்படிகள் பெரிய எழுத்துக்களுடன் எண்ணிடப்படும் |
| type="a" | பட்டியல் உருப்படிகள் சிறிய எழுத்துக்களுடன் எண்ணிடப்படும் |
| type="I" | பட்டியல் உருப்படிகள் பெரிய ரோமன் எண்களுடன் எண்ணிடப்படும் |
| type="i" | பட்டியல் உருப்படிகள் சிறிய ரோமன் எண்களுடன் எண்ணிடப்படும் |
எண்கள்
எண்கள்:
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
- Coffee
- Tea
- Milk
பெரிய எழுத்துக்கள்
பெரிய எழுத்துக்கள்:
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
- Coffee
- Tea
- Milk
சிறிய எழுத்துக்கள்
சிறிய எழுத்துக்கள்:
<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
- Coffee
- Tea
- Milk
ரோமன் எண்கள் - பெரிய எழுத்து
பெரிய ரோமன் எண்கள்:
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
- Coffee
- Tea
- Milk
ரோமன் எண்கள் - சிறிய எழுத்து
சிறிய ரோமன் எண்கள்:
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
- Coffee
- Tea
- Milk
பட்டியல் எண்ணிக்கையைக் கட்டுப்படுத்துதல்
இயல்புநிலையாக, ஒரு ஒழுங்கான பட்டியல் 1 இலிருந்து எண்ணத் தொடங்கும். ஒரு குறிப்பிட்ட எண்ணிலிருந்து எண்ணத் தொடங்க விரும்பினால், start பண்புக்கூறைப் பயன்படுத்தலாம்:
எடுத்துக்காட்டு
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
- Coffee
- Tea
- Milk
கூடு கட்டிய HTML பட்டியல்கள்
பட்டியல்கள் கூடு கட்டப்படலாம் (பட்டியலுக்குள் பட்டியல்):
எடுத்துக்காட்டு
<ol>
<li>Coffee</li>
<li>Tea
<ol>
<li>Black tea</li>
<li>Green tea</li>
</ol>
</li>
<li>Milk</li>
</ol>
- Coffee
- Tea
- Black tea
- Green tea
- Milk
குறிப்பு:
ஒரு பட்டியல் உருப்படி (<li>) புதிய பட்டியல் மற்றும் பிற HTML உறுப்புகளைக் கொண்டிருக்கலாம், படங்கள் மற்றும் இணைப்புகள் போன்றவை.
அத்தியாய சுருக்கம்
- ஒழுங்கான பட்டியலை வரையறுக்க HTML <ol> உறுப்பைப் பயன்படுத்தவும்
- எண்ணிடும் வகையை வரையறுக்க HTML type பண்புக்கூறைப் பயன்படுத்தவும்
- பட்டியல் உருப்படியை வரையறுக்க HTML <li> உறுப்பைப் பயன்படுத்தவும்
- பட்டியல்கள் கூடு கட்டப்படலாம்
- பட்டியல் உருப்படிகள் பிற HTML உறுப்புகளைக் கொண்டிருக்கலாம்
பயிற்சி
ஒழுங்கான பட்டியல்களின் பட்டியல் உருப்படி மார்க்கரின் வகையை வரையறுக்கும்போது பயன்படுத்த சரியான HTML பண்புக்கூறு எது?
HTML பட்டியல் குறிச்சொற்கள்
| குறிச்சொல் | விளக்கம் |
|---|---|
| <ul> | ஒரு ஒழுங்கற்ற பட்டியலை வரையறுக்கிறது |
| <ol> | ஒரு ஒழுங்கான பட்டியலை வரையறுக்கிறது |
| <li> | ஒரு பட்டியல் உருப்படியை வரையறுக்கிறது |
| <dl> | ஒரு விளக்கப் பட்டியலை வரையறுக்கிறது |
| <dt> | விளக்கப் பட்டியலில் ஒரு சொல்லை வரையறுக்கிறது |
| <dd> | விளக்கப் பட்டியலில் சொல்லை விவரிக்கிறது |
அனைத்து கிடைக்கக்கூடிய HTML குறிச்சொற்களின் முழுமையான பட்டியலுக்கு, எங்கள் HTML குறிச்சொல் குறிப்பைப் பார்வையிடவும்.