- HTML টিউটোরিয়ালঃ তৃতীয় পর্ব (ফরম্যাটিং ট্যাগ – পার্ট ১)
- HTML টিউটোরিয়াল: পঞ্চম পর্ব (টেবিল ট্যাগ – পার্ট ১)
- সিএসএস টিউটোরিয়ালঃ ১৪তম পর্ব(Unordered List)
- HTML টিউটোরিয়াল: ষষ্ঠ পর্ব (টেবিল ট্যাগ – পার্ট ২)
- সিএসএস টিউটোরিয়ালঃ ১৫তম পর্ব(Custom List)
- HTML টিউটোরিয়াল: ৭ম পর্ব (HTML List ট্যাগ)
- HTML টিউটোরিয়াল: ৮ম পর্ব (Form & Input ট্যাগ) পার্ট – ১
- HTML টিউটোরিয়াল: ৮ম পর্ব (Form & Input ট্যাগ) পার্ট – ২
- HTML টিউটোরিয়াল: ৯ম পর্ব (URL Redirection)
- HTML টিউটোরিয়াল: ১০ম পর্ব (Character Entities)
- HTML টিউটোরিয়াল: ১১তম পর্ব (HTML5 Tags)
- HTML টিউটোরিয়াল: ১২তম পর্ব (HTML5 Tags)
- HTML টিউটোরিয়াল: ১৩তম পর্ব (HTML5 Tags)
- HTML টিউটোরিয়াল: ১৪তম পর্ব (HTML URL)
- HTML টিউটোরিয়াল: ১৫তম পর্ব (HTML Zen Coding)
সিএসএস ধারাবাহিক টিউটোরিয়ালের এই পর্বে আলোচনা করবো Unordered List নিয়ে। সিএসএস দিয়ে Unordered লিস্ট স্টাইল পেলে হলে আপনাকে সিএসএস লিস্ট স্টাইল প্রোপার্টি list-style-type: value ব্যবহার করতে হবে। value তে Unordered list স্টাইল ভ্যালু circle, disc, square ব্যবহার করতে হবে। এবার একে একে লিস্ট আইটেম স্টাইল গুলো অ্যাপ্লাই করি নিচের মতঃ
[html]
Welcome to RangpurSource’s CSS Class!
This is CSS List Style Tutorial
Ordered List Style Decimal “1” Order
- List item A
- List item B
- List item C
Ordered List Style Capital Letter “A” Order
- List item A
- List item B
- List item C
Ordered List Style Small Letter “a” Order
- List item A
- List item B
- List item C
Ordered List Style Capital Roman “I” Order
- List item A
- List item B
- List item C
Ordered List Style Small Roman “i” Order
- List item A
- List item B
- List item C
[/html]
Note: উপরের কোড টুকুর আউটপুট ব্রাউজার এ ঠিকমতো দেখায় কিনা সেটা প্রদর্শনের জন্য উইন্ডোজের Notepad অথবা Notepad++ সফটওয়্যারটি ওপেন করে কোডটুকু হুবহু নিজের হাতে লিখুন, ভুলেই কপি-পেস্ট করবেন না। ফাইলের নাম দিন cssulist বা আপনার পছন্দ মতো এবং Save as type নির্বাচন করুন .html। এবার Save করুন। মনে রাখতে হবে, প্রতিটি HTML ডকুমেন্ট .html ফরমেটে (Save) সংরক্ষণ করতে হবে। এবার ডাবল ক্লিক করে ব্রাউজারে ওপেন করুন। সব কিছু ঠিক থাকলে নিচের মত প্রদর্শন করবে…
বুঝতে কোথাও সমস্যা হলে আমার ফেসবুক গ্রুপে, পেজে অথবা ব্লগের জিজ্ঞাসা পাতা’য় জানাতে পারেন।
Boss,
Don't mind, I am novice and think myself that I know a little, I am not dare enough to detect your fault,,,,,, With honour,….you have mistype on article 2702, you didn't mention value attribute for unordered list and beside you used tag for ordered list instead of unordered list…..
Have a nice moment……
emizan
Madargonj
Jamalpur
বাংলায় মন্তব্য করুন!