HTML <ol> ট্যাগ

  • পূর্ববর্তী পৃষ্ঠা <object>
  • পরবর্তী পৃষ্ঠা <optgroup>

সংজ্ঞা ও ব্যবহার

<ol> ট্যাগ ক্রমিক তালিকা নির্ধারণ করে। ক্রমিক তালিকা সংখ্যা বা অক্ষর ক্রম হতে পারে。

<li> ট্যাগ ব্যবহৃত হয় যাতে প্রত্যেক তালিকা আইটেম নির্ধারণ করা যায়。

সুঝাওয়া:তালিকার শৈলী নির্ধারণ করতে CSS-এর ব্যবহার করুন。

সুঝাওয়া:অসূচীত তালিকার জন্য, ব্যবহার করুন: <ul> ট্যাগ。

অন্যান্য দেখুন:

HTML শিক্ষাক্রম:HTML তালিকা

HTML DOM সংক্ষিপ্ত বিশ্লেষণ: HTML-এর উপরOl অবজেক্ট

CSS শিক্ষাক্রম:তালিকার শৈলী নির্ধারণ করুন

প্রকাশ

উদাহরণ 1

দুটি ভিন্ন ক্রমিক তালিকা (প্রথম তালিকা 1 থেকে, দ্বিতীয়টি 50 থেকে শুরু করে):

<ol>
  <li>কফি</li>
  <li>চা</li>
  <li>দুধ</li>
</ol>
<ol start="50">
  <li>কফি</li>
  <li>চা</li>
  <li>দুধ</li>
</ol>

স্বয়ংক্রিয়ভাবে প্রয়াস করুন

উদাহরণ 2

বিভিন্ন তালিকা ধরন নির্ধারণ করুন (CSS-এর মাধ্যমে):

<ol style="list-style-type:upper-roman">
<li>কফি</li>
<li>চা</li>
<li>দুধ</li>
</ol>
<ol style="list-style-type:lower-alpha">
<li>কফি</li>
<li>চা</li>
<li>দুধ</li>
</ol>

স্বয়ংক্রিয়ভাবে প্রয়াস করুন

উদাহরণ 3

CSS-এর মাধ্যমে সকল বিভিন্ন তালিকা ধরন দেখানো হয়:

<style>
ol.a {list-style-type: armenian;}
ol.b {list-style-type: cjk-ideographic;}
ol.c {list-style-type: decimal;}
ol.d {list-style-type: decimal-leading-zero;}
ol.e {list-style-type: georgian;}
ol.f {list-style-type: hebrew;}
ol.g {list-style-type: hiragana;}
ol.h {list-style-type: hiragana-iroha;}
ol.i {list-style-type: katakana;}
ol.j {list-style-type: katakana-iroha;}
ol.k {list-style-type: lower-alpha;}
ol.l {list-style-type: lower-greek;}
ol.m {list-style-type: lower-latin;}
ol.n {list-style-type: lower-roman;}
ol.o {list-style-type: upper-alpha;}
ol.p {list-style-type: upper-latin;}
ol.q {list-style-type: upper-roman;}
ol.r {list-style-type: none;}
ol.s {list-style-type: inherit;}
</style>

স্বয়ংক্রিয়ভাবে প্রয়াস করুন

উদাহরণ 4

তালিকার লাইন হাইগন্থি কমানো ও বাড়ানো (CSS ব্যবহার করে):

<ol style="line-height:80%">
  <li>কফি</li>
  <li>চা</li>
  <li>দুধ</li>
</ol>
<ol style="line-height:180%">
  <li>কফি</li>
  <li>চা</li>
  <li>দুধ</li>
</ol>

স্বয়ংক্রিয়ভাবে প্রয়াস করুন

উদাহরণ 5

সূচীসমূহের মধ্যে অন্তর্নিহিত অসূচীসমূহ উপস্থাপন করুন:

<ol>
  <li>কফি</li>
  <li>চা</li>
    <ul>
      <li>লংজিং</li>
      <li>পুয়ার</li>
    </ul>
  </li>
  <li>দুধ</li>
</ol>

স্বয়ংক্রিয়ভাবে প্রয়াস করুন

বৈশিষ্ট্য

বৈশিষ্ট্য মান বর্ণনা
পুনর্বিন্যাসিত পুনর্বিন্যাসিত তালিকার ক্রমবর্ধমান ক্রম বাতাসে রাখুন (9,8,7 ...)
শুরু নম্বর সূচীসমূহের প্রথম মান নির্ধারণ করুন。
টাইপ
  • 1
  • A
  • a
  • I
  • i
 তালিকায় ব্যবহার করা হওয়া ট্যাগের ধরন নির্ধারণ করে

গ্লোবাল অবজ্যেক্ট

<ol> ট্যাগটি আরও HTML-এর গ্লোবাল অবজ্যেক্ট。

ইভেন্ট অবজ্যেক্টকে

<ol> ট্যাগটি আরও HTML-এর ইভেন্ট অবজ্যেক্ট。

ডিফল্ট সিএসএস সেটিং

অধিকাংশ ব্রাউজারগুলি নিম্নলিখিত ডিফল্ট মান ব্যবহার করবে <ol> উপাদান:

ol {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}

স্বয়ংক্রিয়ভাবে প্রয়াস করুন

ব্রাউজার সমর্থন

চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন
  • পূর্ববর্তী পৃষ্ঠা <object>
  • পরবর্তী পৃষ্ঠা <optgroup>