ওয়েব ডিজাইন Part-9( HTML list)

Related Articles

সরকারী ভাবে স্বীকৃত আন্তর্জাতিক মানের সনদ দিচ্ছে ক্রিয়েটিভ আইটি

April 5, 2017

Localhost এ কিভাবে wordpress setup করতে হবে ?

September 6, 2016

ওয়েব ডিজাইন Part-10 ( HTML Entities )

September 6, 2016

 HTML list:

একটা ওয়েব পেজকে সুন্দর করে সাজানো এবং তথ্য উপস্থাপনার অন্যতম পদ্ধতি লিষ্ট । ওয়েব পেজে যদি তালিকা বা লিস্ট প্রদর্শন করাতে চান তখন HTML এ ৩ ধরনের লিস্ট করার ট্যাগ আছে, প্রয়োজনমত যেকোন একটি ব্যবহার করতে পারেন।

Unordered List:

এটিই সবচেয়ে বেশি ব্যবহৃত হয় । <ul></ul> এর ভিতরে রাখতে হবে এবং <li></li> এলিমেন্টের ভিতর একটা একটা করে আইটেম রাখতে হবে। প্রদর্শন করবে তালিকা আকারে কোন নাম্বারিং থাকবেনা। বাই ডিফল্ট একটা গোল চিহ্ন প্রতিটি আইটেমের বাপাশে থাকে। যেমন-

<ul>

<li>Bangla</li>

<li>English</li>

<li>Social Science</li>

<li>Mathemetaics</li>

</ul>

আপনি ইচ্ছে করলে সিএসএস দিয়ে গোল চিহ্নের পরিবর্তে অন্য চিহ্নও দিতে পারেন এগুলি সিএসএস এ আলোচনা হবে।

Ordered List:

কখনও নাম্বার দিয়ে তালিকা প্রয়োজন হতে পারে তখন <ol></ol> এর ভিতর li ট্যাগ দিয়ে বানাতে পারেন যেমন-

<ol>

<li>iPad</li>

<li>iPhone</li>

<li>MacBook Air</li>

</ol>

ol এলিমেন্টে start নামে একটা এট্রিবিউট ব্যবহার করে কত থেকে শুরু হবে এটা ঠিক করা যায় যেমন উপরের লিস্ট টি যদি ১০ থেকে দেখাতে চান তাহলে-

<ol start=”10″>

<li>iPad</li>

<li>iPhone</li>

<li>MacBook Air</li>

</ol>

Definition list:

Definition list নামে আরেকটা লিস্টিং ট্যাগ আছে এটা খুব ব্যবহার হয়না, এটা দিয়ে একটু ভিন্নভাবে তালিকা দেখানো যায় যেমন-

<dl>

<dt>Class One</dt>

<dd>Bangla</dd>

<dd>English</dd>

<dt>Class Two </dt>

<dd>Bangla </dd>

<dd>English</dd>

<dt>Class Three </dt>

<dd>Bangla </dd>

<dd>English</dd>

</dl>