আমাদের আরো ...

পর্ব ১৪ >> HTML এ List এর ব্যবহার

HTML এ List ব্যবহার


উদাহারনঃ
Unordered HTML List
  • The first item
  • The second item
  • The third item
  • The fourth item
Ordered HTML List
  1. The first item
  2. The second item
  3. The third item
  4. The fourth item
HTML Description List
1.       The first item

2.       Description of item

3.       The second item

4.       Description of item


Unordered HTML Lists

Unordered list শুরু হয় <ul> ট্যাগ দিয়ে এবং শেষ হয় <il> ট্যগ এর মাধ্যমে।
list item সাধারনত ক্ষুদ্র বৃত্ত দিয়ে চিহ্নিত করা হয়। 

Unordered List:

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

 নিজে চেষ্টা করুন»

Ordered HTML Lists

Unordered list শুরু হয় <ol> ট্যাগ দিয়ে এবং শেষ হয় <il> ট্যগ এর মাধ্যমে।
list item সাধারনত সংখ্যা দিয়ে চিহ্নিত করা হয়। 

Ordered List:

<ol>
  <li>Coffee</li>
  <li>Milk</li>
</ol>

নিজে চেষ্টা করুন»

Ordered HTML Lists - The Type Attribute

লিস্ট এ সংখ্যা এর পরিবর্তে অন্য ক্রম ব্যবহার করা যায়,

ধরণ
বিবরন
ধরণ="1"
লিস্ট এর ক্রম হবে সংখ্যা 
ধরণ="A"
লিস্ট এর ক্রম হবে বড় হাতের অক্ষর
ধরণ="a"
লিস্ট এর ক্রম হবে ছোট হাতের অক্ষর
ধরণ="I"
লিস্ট এর ক্রম হবে বড় হাতের রোমান সংখ্যা
ধরণ="i"
লিস্ট এর ক্রম হবে ছোট হাতের রোমান সংখ্যা

সংখ্যা:

<ol type="1">
  <li>Coffee</li>
  <li>Tea
  <li>Milk</li>
</ol>

নিজে চেষ্টা করুন »

বড় হাতের অক্ষর:

<ol type="A">
  <li>Coffee</li>
  <li>Tea
  <li>Milk</li>
</ol>

নিজে চেষ্টা করুন»

ছোট হাতের অক্ষর:

<ol type="a">
  <li>Coffee</li>
  <li>Tea
  <li>Milk</li>
</ol>

নিজে চেষ্টা করুন»

বড় হাতের রোমান সংখ্যা:

<ol type="I">
  <li>Coffee</li>
  <li>Tea
  <li>Milk</li>
</ol>

নিজে চেষ্টা করুন»

ছোট হাতের রোমান সংখ্যা :

<ol type="i">
  <li>Coffee</li>
  <li>Tea
  <li>Milk</li>
</ol>

নিজে চেষ্টা করুন»

HTML বিবরন Lists

<dt> ট্যাগ দিয়ে বিবরন লিস্ট (description list) বোঝায়
<dl> ট্যাগ দিয়ে লিস্ট এর টার্ম বা নাম বোঝায়
<dd> ট্যাগ দিয়ে বিবরন বোঝায়


বিবরন লিস্ট (Description List):

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

নিজে চেষ্টা করুন»

Nested HTML Lists বা লিস্টের ভেতর লিস্ট

একটি লিস্টের ভেতর আরও লিস্ট ব্যবহার করা যায়। একে নেস্টেড লিস্ট বলে।

উদাহারন:

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

নিজে চেষ্টা করুন »

কোন মন্তব্য নেই:

একটি মন্তব্য পোস্ট করুন