HTML Ordered Lists

HTML ஒழுங்கான பட்டியல்கள்

HTML ஒழுங்கான பட்டியல்கள்

HTML <ol> குறிச்சொல் ஒரு ஒழுங்கான பட்டியலை வரையறுக்கிறது. ஒரு ஒழுங்கான பட்டியல் எண் அல்லது எழுத்து வரிசையில் இருக்கலாம்.

ஒழுங்கான HTML பட்டியல்

ஒரு ஒழுங்கான பட்டியல் <ol> குறிச்சொல்லுடன் தொடங்குகிறது. ஒவ்வொரு பட்டியல் உருப்படியும் <li> குறிச்சொல்லுடன் தொடங்குகிறது.

இயல்புநிலையாக பட்டியல் உருப்படிகள் எண்களால் குறிக்கப்படும்:

எடுத்துக்காட்டு

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. 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>
  1. Coffee
  2. Tea
  3. Milk

பெரிய எழுத்துக்கள்

பெரிய எழுத்துக்கள்:

<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

சிறிய எழுத்துக்கள்

சிறிய எழுத்துக்கள்:

<ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

ரோமன் எண்கள் - பெரிய எழுத்து

பெரிய ரோமன் எண்கள்:

<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

ரோமன் எண்கள் - சிறிய எழுத்து

சிறிய ரோமன் எண்கள்:

<ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

பட்டியல் எண்ணிக்கையைக் கட்டுப்படுத்துதல்

இயல்புநிலையாக, ஒரு ஒழுங்கான பட்டியல் 1 இலிருந்து எண்ணத் தொடங்கும். ஒரு குறிப்பிட்ட எண்ணிலிருந்து எண்ணத் தொடங்க விரும்பினால், start பண்புக்கூறைப் பயன்படுத்தலாம்:

எடுத்துக்காட்டு

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

கூடு கட்டிய HTML பட்டியல்கள்

பட்டியல்கள் கூடு கட்டப்படலாம் (பட்டியலுக்குள் பட்டியல்):

எடுத்துக்காட்டு

<ol>
  <li>Coffee</li>
  <li>Tea
    <ol>
      <li>Black tea</li>
      <li>Green tea</li>
    </ol>
  </li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
    1. Black tea
    2. Green tea
  3. Milk

📝 குறிப்பு:

ஒரு பட்டியல் உருப்படி (<li>) புதிய பட்டியல் மற்றும் பிற HTML உறுப்புகளைக் கொண்டிருக்கலாம், படங்கள் மற்றும் இணைப்புகள் போன்றவை.

அத்தியாய சுருக்கம்

பயிற்சி

ஒழுங்கான பட்டியல்களின் பட்டியல் உருப்படி மார்க்கரின் வகையை வரையறுக்கும்போது பயன்படுத்த சரியான HTML பண்புக்கூறு எது?

list-style
✗ தவறு! list-style என்பது HTML பண்புக்கூறு அல்ல, இது CSS பண்பு
list-type
✗ தவறு! list-type என்பது செல்லுபடியாகும் HTML பண்புக்கூறு அல்ல
marker-type
✗ தவறு! marker-type என்பது செல்லுபடியாகும் HTML பண்புக்கூறு அல்ல
type
✓ சரி! type பண்புக்கூறு ஒழுங்கான பட்டியல்களின் பட்டியல் மார்க்கர் வகையை வரையறுக்கப் பயன்படுகிறது

HTML பட்டியல் குறிச்சொற்கள்

குறிச்சொல் விளக்கம்
<ul> ஒரு ஒழுங்கற்ற பட்டியலை வரையறுக்கிறது
<ol> ஒரு ஒழுங்கான பட்டியலை வரையறுக்கிறது
<li> ஒரு பட்டியல் உருப்படியை வரையறுக்கிறது
<dl> ஒரு விளக்கப் பட்டியலை வரையறுக்கிறது
<dt> விளக்கப் பட்டியலில் ஒரு சொல்லை வரையறுக்கிறது
<dd> விளக்கப் பட்டியலில் சொல்லை விவரிக்கிறது

அனைத்து கிடைக்கக்கூடிய HTML குறிச்சொற்களின் முழுமையான பட்டியலுக்கு, எங்கள் HTML குறிச்சொல் குறிப்பைப் பார்வையிடவும்.