HTML <ul> ট্যাগ
বিবরণ ও ব্যবহার
<ul> অসূচীত (পয়েন্টস সহ) তালিকা নির্ধারণ করুন。
ট্যাগ ব্যবহার করে <ul> ট্যাগ এবং <li> ট্যাগ ব্যবহার করে অসূচীত তালিকা তৈরি করুন。
সুঝান:CSS ব্যবহার করেতালিকা শৈলী নির্ধারণ করুন。
সুঝান:সূচীত তালিকার জন্য, ব্যবহার করুন <ol> ট্যাগ。
অন্যান্য দেখুন:
HTML শিক্ষাদন্ড:HTML তালিকা
HTML DOM পরিচিতি মানক:Ul অবজেক্ট
CSS শিক্ষাদন্ড:তালিকার শৈলী নির্ধারণ করুন
প্রতিদর্শন
উদাহরণ 1
একটি অসূচীত এইচটিএমএল তালিকা:
<ul> <li>কফি</li> <li>চা</li> <li>দুধ</li> </ul>
উদাহরণ 2
ভিন্ন ভিন্ন তালিকা শৈলী নির্ধারণ করুন (CSS ব্যবহার করে):
<ul style="list-style-type:circle"> <li>কফি</li> <li>চা</li> <li>দুধ</li> </ul> <ul style="list-style-type:disc"> <li>কফি</li> <li>চা</li> <li>দুধ</li> </ul> <ul style="list-style-type:square"> <li>কফি</li> <li>চা</li> <li>দুধ</li> </ul>
উদাহরণ 3
তালিকায় লাইন হাইট বৃদ্ধি ও হ্রাস করুন (CSS ব্যবহার করে):
<ul style="line-height:180%"> <li>কফি</li> <li>চা</li> <li>দুধ</li> </ul> <ul style="line-height:80%"> <li>কফি</li> <li>চা</li> <li>দুধ</li> </ul>
উদাহরণ 4
তালিকায় আরেকটি তালিকা (নিয়েড তালিকা) তৈরি করুন:
<ul>
<li>কফি</li>
<li>চা</li>
<ul>
<li>পুয়ার চা</li>
<li>চা</li>
</ul>
</li>
<li>দুধ</li>
</ul>
উদাহরণ 5
কঠিন এবং গভীর নিয়েড তালিকা তৈরি করুন:
<ul>
<li>কফি</li>
<li>চা</li>
<ul>
<li>পুয়ার চা</li>
<li>গ্রীন চা</li>
<ul>
<li>পীলী চা</li>
<li>লংজিন</li>
</ul>
</li>
</ul>
</li>
<li>দুধ</li>
</ul>
গ্লোবাল অ্যাট্রিবিউট
<ul> ট্যাগটি ইভেন্ট অ্যাট্রিবিউটসও সমর্থন করে HTML-এর গ্লোবাল অ্যাট্রিবিউট。
ইভেন্ট অ্যাট্রিবিউট
<ul> ট্যাগটি ইভেন্ট অ্যাট্রিবিউটসও সমর্থন করে HTML-এর ইভেন্ট অ্যাট্রিবিউট。
ডিফল্ট সিএসএস সেটিং
অধিকাংশ ব্রাউজার নিম্নলিখিত ডিফল্ট মান ব্যবহার করবে <ul> উপাদান:
ul {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}
ব্রাউজার সমর্থন
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
|---|---|---|---|---|
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
| সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
