HTML তালিকা

HTML সূচীত, অসূচীত এবং নির্দিষ্ট তালিকা সমর্থন করে

উদাহরণ

অসূচীত তালিকা
এই উদাহরণটি অসূচীত তালিকাকে দেখায়。
有序列表
এই উদাহরণটি সূচীত তালিকাকে দেখায়。

（এই পাতার নিচের অংশে আরও উদাহরণ পাবেন。）

অসূচীত তালিকা

অসূচীত তালিকা একটি প্রক্রিয়ার তালিকা যা বৃত্তীয় বোল্ড ডট (সাধারণত ছোট কালো ডট) দ্বারা চিহ্নিত হয়。

অসূচীত তালিকা শুরু হয় <ul> ট্যাগ। প্রত্যেক তালিকাভুক্ত বিষয়টি <li> দ্বারা শুরু হয়。

<ul>
<li>কফি</li>
<li>দুধ</li>
</ul>

ব্রাউজার এমনভাবে দেখাবে:

  • কফি
  • দুধ

তালিকাআইটেমের ভিতরে প্যারাগ্রাফ, লাইন বিভাজন, চিত্র, লিঙ্ক এবং অন্যান্য তালিকা ইত্যাদি ব্যবহার করা যেতে পারে

有序列表

একইভাবে, ক্রমিক তালিকাও একটি আইটেম তালিকা, যার আইটেমগুলি সংখ্যায় ট্যাগ করা হয়

ক্রমিক তালিকা <ol> ট্যাগ দ্বারা শুরু হয়।প্রত্যেক তালিকাআইটেম <li> দ্বারা শুরু হয়。

<ol>
<li>কফি</li>
<li>দুধ</li>
</ol>

ব্রাউজার এমনভাবে দেখাবে:

  1. কফি
  2. দুধ

তালিকাআইটেমের ভিতরে প্যারাগ্রাফ, লাইন বিভাজন, চিত্র, লিঙ্ক এবং অন্যান্য তালিকা ইত্যাদি ব্যবহার করা যেতে পারে

পরিভাষা তালিকা

কস্টমাইজড তালিকা শুধুমাত্র একটি আইটেম নয়, এটি আইটেম এবং তার মন্তব্যের সমন্বয়

কস্টমাইজড তালিকা <dl> ট্যাগ দ্বারা শুরু হয়।প্রত্যেক কস্টমাইজড তালিকাআইটেম <dt> দ্বারা শুরু হয়।প্রত্যেক কস্টমাইজড তালিকাআইটেমের বর্ণনা <dd> দ্বারা শুরু হয়。

<dl>
<dt>কফি</dt>
<dd>হীট হল্ড ড্রিনক</dd>
<dt>দুধ</dt>
<dd>হীট কল্ড ড্রিনক</dd>
</dl>

ব্রাউজার এমনভাবে দেখাবে:

কফি
হীট হল্ড ড্রিনক
দুধ
হীট কল্ড ড্রিনক

পরিভাষা তালিকার আইটেমের ভিতরে প্যারাগ্রাফ, লাইন বিভাজন, চিত্র, লিঙ্ক এবং অন্যান্য তালিকা ইত্যাদি ব্যবহার করা যেতে পারে

আরও উদাহরণ

ভিন্ন ধরনের অসংখ্যক তালিকা
এই উদাহরণটিতে একটি অসংখ্যক তালিকা প্রদর্শিত হয়
ভিন্ন ধরনের ক্রমিক তালিকা
এই উদাহরণটিতে ভিন্ন ধরনের ক্রমিক তালিকা প্রদর্শিত হয়
জমানো তালিকা
এই উদাহরণটিতে কিভাবে জমানো তালিকা নির্মিত হয় তা প্রদর্শিত হয়
জমানো তালিকা 2
এই উদাহরণটিতে অতিরিক্ত জমানো তালিকা প্রদর্শিত হয়
পরিভাষা তালিকা
এই উদাহরণটিতে একটি পরিভাষা তালিকা প্রদর্শিত হয়

তালিকা ট্যাগ

ট্যাগ বর্ণনা
<ol> ক্রমিক তালিকা
<ul> অসংখ্যক তালিকা
<li> পরিভাষা তালিকার আইটেম
<dl> পরিভাষা পরিভাষার তালিকা
<dt> পরিভাষা পরিভাষার আইটেম
<dd> পরিভাষা পরিভাষার বর্ণনা
<dir> বর্জিত।<ul> এর পরিবর্তে ব্যবহার করুন。
<menu> বর্জিত।<ul> এর পরিবর্তে ব্যবহার করুন。