ஒரு ஒழுங்கமைக்கப்பட்ட மற்றும் படிக்கக்கூடிய முறையில் தரவைக் காண்பிக்க பட்டியல்கள் 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 இல் பட்டியல்களை உருவாக்க மற்றும் தனிப்பயனாக்க உங்களை அனுமதிக்கின்றன. உங்கள் இணையதளத்தில் தெளிவான மற்றும் ஒழுங்கமைக்கப்பட்ட தரவைக் காண்பிக்க அவற்றைப் பயன்படுத்தலாம்.