HTML <li> ট্যাগ
সংজ্ঞা ও ব্যবহার
<li> ট্যাগ ব্যবহার করে তালিকার আইটেমকে নির্দিষ্ট করা হয়。
<li> ক্রমশ তালিকার ট্যাগ:<ol>) এবং অসামান্য তালিকা (<ul>) এবং মেনু তালিকা (<menu>) এবং
সাধারণত <ul> এবং <menu> এ, তালিকার আইটেমগুলি প্রকৃতির মাধ্যমে দেখা যাবে。
সাধারণত <ol> এবং <ul> এবং <menu> এ, তালিকার আইটেমগুলি সংখ্যা বা বর্ণান্তর দিয়ে দেখা যাবে。
সুঝাওয়া:CSS ব্যবহার করেনতালিকা শৈলী নির্ধারণ করুন。
আরও দেখুন:
HTML শিক্ষাHTML তালিকা
HTML DOM সংক্ষিপ্ত হান্ডবুকLi অবজেক্ট
CSS শিক্ষাতালিকার শৈলী নির্ধারণ করুন
উদাহরণ
উদাহরণ 1
একটি ক্রমশ পদ (<ol>) এবং একটি অসামান্য (<ul>) এর HTML তালিকা:
<ol> <li>কফি</li> <li>চা</li> <li>দুধ</li> </ol> <ul> <li>কফি</li> <li>চা</li> <li>দুধ</li> </ul>
উদাহরণ 2
ক্রমশ তালিকায় value প্রকৃতি ব্যবহার করুন:
<ol> <li value="100">কফি</li> <li>চা</li> <li>দুধ</li> <li>সবুজ জল</li> <li>সব্জীয়া</li> <li>বিয়ার</li> </ol>
উদাহরণ 3
বিভিন্ন তালিকা শৈলী ধরন নির্ধারণ করুন (যুক্ত করুন CSS):
<ol> <li>কফি</li> <li style="list-style-type:lower-alpha">চা</li> <li>দুধ</li> </ol> <ul> <li>কফি</li> <li style="list-style-type:square">চা</li> <li>দুধ</li> </ul>
উদাহরণ 4
তালিকায় একটি তালিকা তৈরি করুন (উপতালিকা):
<ul>
<li>কফি</li>
<li>চা</li>
<ul>
<li>পারচিনা</li>
<li>চা</li>
</ul>
</li>
<li>দুধ</li>
</ul>
উদাহরণ ৫
একটি সংক্ষিপ্ত গঠনমূলক সূচী তৈরি করুন:
<ul>
<li>কফি</li>
<li>চা</li>
<ul>
<li>পারচিনা</li>
<li>গ্রীষ্মকালীন চা</li>
<ul>
<li>বীলুচাও</li>
<li>লঙ্গচাও</li>
</ul>
</li>
</ul>
</li>
<li>দুধ</li>
</ul>
এট্রিবিউট
| এট্রিবিউট | মান | বর্ণনা |
|---|---|---|
| value | নম্বর | শুধুমাত্র <ol> তালিকায় ব্যবহার হয়।তালিকার প্রাথমিক মান নির্ধারণ করে।এরপর তালিকার অন্যান্য আইটেমগুলি এই সংখ্যা থেকে বৃদ্ধি করা হবে |
গ্লোবাল এট্রিবিউট
<li> ট্যাগটি একইসঙ্গে HTML-তে গ্লোবাল এট্রিবিউট。
ইভেন্ট এট্রিবিউট সমর্থন করে
<li> ট্যাগটি একইসঙ্গে HTML-তে ইভেন্ট এট্রিবিউট。
ডিফল্ট সিএসএস সেটিং
অধিকাংশ ব্রাউজার নিম্নলিখিত ডিফল্ট মান ব্যবহার করবে <li> এলিমেন্ট:
li {
display: list-item;
}
ব্রাউজার সমর্থন
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
|---|---|---|---|---|
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
| সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
