HTML Lists

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

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

HTML பட்டியல்கள் வலை மேம்பாட்டாளர்கள் தொடர்புடைய பொருட்களின் தொகுப்பைப் பட்டியல்களில் தொகுக்க அனுமதிக்கின்றன.

ஒழுங்கற்ற HTML பட்டியல்:

  • Item
  • Item
  • Item
  • Item

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

  1. First item
  2. Second item
  3. Third item
  4. Fourth item

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

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

இயல்புநிலையாக பட்டியல் உருப்படிகள் குண்டுகளால் (சிறிய கருப்பு வட்டங்கள்) குறிக்கப்படும்:

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

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
  • Coffee
  • Tea
  • Milk

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

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

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

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

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

HTML விளக்கப் பட்டியல்கள்

HTML விளக்கப் பட்டியல்களையும் ஆதரிக்கிறது.

ஒரு விளக்கப் பட்டியல் என்பது சொற்களின் பட்டியலாகும், ஒவ்வொரு சொல்லின் விளக்கத்துடன்.

<dl> குறிச்சொல் விளக்கப் பட்டியலை வரையறுக்கிறது, <dt> குறிச்சொல் சொல்லை (பெயர்) வரையறுக்கிறது, மற்றும் <dd> குறிச்சொல் ஒவ்வொரு சொல்லையும் விவரிக்கிறது:

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

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>
Coffee
- black hot drink
Milk
- white cold drink

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

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

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