HTML এ List এর ব্যবহার (Ordered List)

এই পেজে আলোচিত সকল গূরূত্বপূর্ন বিষয় সমূহঃ

Share this lesson
Stuck on this lesson?
Ask your question on WhatsApp and get help with this topic.

ওয়েব পেইজের তথ্যগুলোকে সুন্দর সুসংগঠিত ভাবে উপস্থাপন করার জন্য HTML List ব্যবহার করা হয়। বিভিন্ন সংখ্যা বা প্রতীক ব্যবহার করে এই লিষ্ট তৈরি করা হয়। HTML লিষ্ট সাধারনত তিন প্রকার।

ORDER LISTS /Numbered Lists(<ol>—-</ol>) :

যখন কোন লিষ্টের উপাদানগুলি কোন নির্দিষ্ট ক্রম (নাম্বার) অনুযায়ী সাজানো থাকে তখন তাকে  ORDER LISTS / Numbered Lists বলে। Attribute: Type=“1/I/i/A/a”   Start=“Any number”

UNORDERED LISTS/Bulleted Lists (<ul>—-</ul>

যখন কোন লিষ্টের উপাদানগুলি কোন নির্দিষ্ট ক্রম (নাম্বার) অনুযায়ী না থেকে বিভিন্ন প্রতীক ব্যবহার করে লিষ্ট তৈরি করা হয় তখন তাকে  UNORDERED LISTS/Bulleted Lists বলে।

Attribute : Type=“Square( ∎ )/disc(⚫)/circle( ⚪ )”

DEFINITION LISTS (<DL>…. </DL>)

যখন কোনো লিষ্টের আইটেমগুলোর বর্ননা করার প্রয়োজন হয় তখন এই ধরনের লিষ্ট ব্যবহার করা হয়।

Ordered List

				
					<html>
	<head>
	<title> Ordered List </title>
	</head>
	<body>
	<h4>Ordered List 1</h4>
	<ol type="1">
	    <li>coffee</li>
        <li>Tea</li>
        <li>Milk</li>
        <li>Juice</li>
    </ol>
	</body>
</html>
				
			

OUTPUT

ordered-list-shaktiict.com
				
					<html>
	<head>
	<title> Ordered List </title>
	</head>
	<body>
	<h4>Ordered List 2</h4>
	<ol type="A">
	    <li>coffee</li>
        <li>Tea</li>
        <li>Milk</li>
        <li>Juice</li>
    </ol>
    
    <h4>Ordered List 3</h4>
	<ol type="a">
	    <li>coffee</li>
        <li>Tea</li>
        <li>Milk</li>
        <li>Juice</li>
    </ol>
	</body>
</html>
				
			

OUTPUT

				
					<html>
	<head>
	<title> Ordered List </title>
	</head>
	<body>
	<h4>Ordered List 4</h4>
	<ol type="I">
	    <li>coffee</li>
        <li>Tea</li>
        <li>Milk</li>
        <li>Juice</li>
    </ol>
    
    <h4>Ordered List 5</h4>
	<ol type="i">
	    <li>coffee</li>
        <li>Tea</li>
        <li>Milk</li>
        <li>Juice</li>
    </ol>
	</body>
</html>
				
			

OUTPUT

				
					<html>
	<head>
	<title> Ordered list </title>
	</head>
	<body>
	<h4>Start attribute </h4>
	<ol type="1" start="5">
	    <li>coffee</li>
        <li>Tea</li>
        <li>Milk</li>
        <li>Juice</li>
    </ol>
    
    <h4>Start attribute</h4>
	<ol type="A" start="5">
	    <li>coffee</li>
        <li>Tea</li>
        <li>Milk</li>
        <li>Juice</li>
    </ol>
	</body>
</html>
				
			

OUTPUT

Found this lesson helpful? Share it with a friend.

Keep Learning

Move on to the next topic or get ready for the exam.
// More to read

Related Lessons

More notes and questions from the same chapter.
HSC 2026 ICT Suggestion PDF
ICT
shakti

HSC 2027 ICT Suggestion PDF Download (১০০% কমন উপযোগী)

অনেক শিক্ষার্থীর কাছেই আইসিটি বিষয়টি কিছুটা কঠিন মনে হয়, বিশেষ করে সংখ্যা পদ্ধতি, এইচটিএমএল এবং সি-প্রোগ্রামিং এর অংশগুলো। পরীক্ষায় খুব অল্প সময়ে সম্পূর্ণ আইসিটি সিলেবাস শেষ করে ভালো একটি ফলাফল নিশ্চিত করার জন্য একটি গোছানো ও সংক্ষিপ্ত সাজেশনের কোনো বিকল্প নেই।

শিক্ষার্থীদের এই চিন্তামুক্ত করতেই আমরা নিয়ে এসেছি HSC 2027 ICT Suggestion PDF। এই চূড়ান্ত সাজেশনটি এমনভাবে তৈরি করা হয়েছে, যা অনুসরণ করলে পরীক্ষায় সৃজনশীল (CQ) এবং বহুনির্বাচনি (MCQ) উভয় অংশেই শতভাগ কমন পাওয়ার নিশ্চয়তা থাকবে।

বিস্তারিত পড়ুন →
HSC ICT MCQ Question and Answer PDF Download 2026 অধ্যায়ভিত্তিক
ICT
shakti

HSC ICT MCQ Question & Answer PDF Download 2027

শিক্ষার্থীদের সুবিধার্থে আমরা এই পোস্টে এইচএসসি আইসিটি সিলেবাসের অন্তর্ভুক্ত সকল অধ্যায়ের বহুনির্বাচনি প্রশ্ন ও উত্তর সাজিয়েছি। প্রতিটি অধ্যায়ের জন্য আলাদা আলাদা পিডিএফ (PDF) ফাইল তৈরি করা হয়েছে, যা বিগত সালের বোর্ড পরীক্ষা এবং দেশের শীর্ষস্থানীয় কলেজগুলোর টেস্ট পরীক্ষার প্রশ্নের সমন্বয়ে গঠিত। এখানে প্রতিটি প্রশ্নের সঠিক ও নির্ভুল সমাধান দেওয়া হয়েছে, যা শেষ মুহূর্তের রিভিশনের জন্য দারুণ কাজ করবে।

বিস্তারিত পড়ুন →