Html List in Bengali | এইচটিএমএল লিস্ট

Order List:

এইচটিএমএল-এ একটি অর্ডার করা তালিকা (বা "সংখ্যাযুক্ত তালিকা") হল একটি মার্কআপ কাঠামো যা অনুক্রমিক ক্রমে আইটেমগুলির একটি তালিকা উপস্থাপন করতে ব্যবহৃত হয়। তালিকার প্রতিটি আইটেমের পূর্বে একটি সংখ্যা বা অন্য ধরনের নির্দেশিত মার্কার রয়েছে। এইচটিএমএল-এ একটি অর্ডার করা তালিকা তৈরি করার জন্য সিনট্যাক্স নিম্নরূপঃ- 

<ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <!-- Additional list items go here --> </ol>

<ol> উপাদানটি অর্ডারকৃত তালিকাকে সংজ্ঞায়িত করতে ব্যবহৃত হয় এবং এতে এক বা একাধিক থাকে <li> উপাদান <li> উপাদানটির অর্থ "তালিকা আইটেম" এবং তালিকার প্রতিটি আইটেমকে সংজ্ঞায়িত করতে ব্যবহৃত হয়।

প্রতিটি ভিতরে <li> উপাদান, আপনি আপনার পছন্দসই যেকোনো বিষয়বস্তু যেমন টেক্সট, ছবি বা অন্যান্য HTML উপাদান রাখতে পারেন। তালিকার আইটেমগুলি স্বয়ংক্রিয়ভাবে ব্রাউজার দ্বারা ডিফল্টভাবে ক্রমবর্ধমান ক্রমে (1, 2, 3, ইত্যাদি) সংখ্যায়িত হবে। যাইহোক, আপনি CSS ব্যবহার করে নাম্বারিং স্টাইল কাস্টমাইজ করতে পারেন।

এছাড়াও আপনি বিভিন্ন ধরণের অর্ডার করা মার্কার ব্যবহার করতে পারেন, যেমন বড় হাতের বা ছোট হাতের অক্ষর, রোমান সংখ্যা বা কাস্টম চিহ্ন ব্যবহার করেটাইপ উপর বৈশিষ্ট্য <ol> উপাদান উদাহরণ স্বরূপঃ- 

<ol type="A"> <li>Item A</li> <li>Item B</li> <li>Item C</li> <!-- Additional list items go here --> </ol>

এই উদাহরণে, মার্কার হিসাবে বড় হাতের অক্ষর (A, B, C, ইত্যাদি) ব্যবহার করে অর্ডার করা তালিকাকে নম্বর দেওয়া হবে।

অর্ডার করা তালিকাগুলি সাধারণত একটি প্রক্রিয়া, র‌্যাঙ্কিং বা অন্য কোন ধরনের বিষয়বস্তুর ধাপগুলি প্রদর্শনের জন্য ব্যবহৃত হয় যা একটি নির্দিষ্ট সংখ্যায়ন শৈলীর সাথে ক্রমানুসারে উপস্থাপন করা প্রয়োজন।

Unordered List:

এইচটিএমএল-এ, <ul> উপাদান ব্যবহার করে অ-ক্রমবিহীন তালিকা (বুলেটেড তালিকা) তৈরি করা হয়। প্রতিটি তালিকা আইটেম <li> উপাদান ব্যবহার করে উপস্থাপন করা হয়। এইচটিএমএল-এ কীভাবে একটি ক্রমবিহীন তালিকা তৈরি করা যায় তার একটি উদাহরণ এখানে দেওয়া হলঃ- 

<ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul>

এই উদাহরণে, <ul> উপাদানটি ক্রমহীন তালিকা তৈরি করতে ব্যবহৃত হয় এবং প্রতিটি তালিকা আইটেম এর মধ্যে আবদ্ধ থাকেএকটি <li> উপাদান। টেক্সট "আইটেম 1", "আইটেম 2", এবং "আইটেম 3" তালিকা আইটেমগুলির বিষয়বস্তু, যা রেন্ডার করা HTML পৃষ্ঠায় পৃথক বুলেট পয়েন্ট হিসাবে প্রদর্শিত হবে।

এছাড়াও আপনি অন্যান্য HTML উপাদানের মধ্যেও ক্রমবিহীন তালিকা নেস্ট করতে পারেন, যেমন একটি <div>, <p>, অথবা <li> উপাদানের মধ্যে নেস্টেড বা ইন্ডেন্টেড তালিকা তৈরি করতে। এখানে একটি নেস্টেড অবিন্যস্ত তালিকার একটি উদাহরণঃ- 

<ul> <li> Item 1 <ul> <li>Sub-item 1</li> <li>Sub-item 2</li> </ul> </li> <li>Item 2</li> </ul>

এই উদাহরণে, দুটি উপ-আইটেম সহ একটি সাবলিস্ট প্রথম তালিকা আইটেমের মধ্যে নেস্ট করা হয়, একটি নেস্টেড বা ইন্ডেন্টেড তালিকা কাঠামো তৈরি করে।

The Types Of Attributes:

এইচটিএমএলে, বিভিন্ন ধরণের বৈশিষ্ট্য রয়েছে যা অতিরিক্ত তথ্য প্রদান করতে বা এইচটিএমএল উপাদানগুলির জন্য আচরণ সংজ্ঞায়িত করতে ব্যবহার করা যেতে পারে। এইচটিএমএল-এ কিছু সাধারণভাবে ব্যবহৃত বৈশিষ্ট্যগুলির মধ্যে রয়েছেঃ- 

1. Standard Attributes: 

এগুলি হল এমন অ্যাট্রিবিউট যা বেশিরভাগ HTML উপাদানের সাথে ব্যবহার করা যেতে পারে, যেমন ক্লাস, আইডি, স্টাইল, শিরোনাম, ডেটা-*, ল্যাং, ডির, অ্যাক্সেসকি,ট্যাব সূচক, এবংবিষয়বস্তু সম্পাদনাযোগ্য। 

এই বৈশিষ্ট্যগুলি প্রায় সমস্ত HTML উপাদান দ্বারা সমর্থিত এবং HTML উপাদানগুলির বিভিন্ন বৈশিষ্ট্য বা আচরণকে সংজ্ঞায়িত করতে ব্যবহৃত হয়।

2. Event Attributes: 

এই অ্যাট্রিবিউটগুলি ইভেন্ট হ্যান্ডলার বা জাভাস্ক্রিপ্ট ফাংশনগুলিকে সংজ্ঞায়িত করতে ব্যবহার করা হয় যেগুলি এইচটিএমএল এলিমেন্টে কিছু ঘটনা ঘটলে ট্রিগার হয়, যেমন অনক্লিক, অনমাউসওভার, অনলোড, অনসাবমিট, অনচেঞ্জ এবং অন-কিডাউন।

ব্যবহারকারীর মিথস্ক্রিয়া বা অন্যান্য ইভেন্টের প্রতিক্রিয়া হিসাবে একটি উপাদানের আচরণ নির্ধারণ করতে ইভেন্ট বৈশিষ্ট্যগুলি ব্যবহার করা হয়।

3. Form-Related Attributes: 

এই বৈশিষ্ট্যগুলি HTML ফর্ম উপাদানগুলির সাথে ব্যবহার করা হয়, যেমন কর্ম, পদ্ধতি, নাম, এনটাইপ, স্বয়ংসম্পূর্ণ, শুধুমাত্র পঠনযোগ্য, প্রয়োজনীয়, প্যাটার্ন, সর্বনিম্ন, সর্বোচ্চ, পদক্ষেপ এবং স্থানধারক ৷ 

এই বৈশিষ্ট্যগুলি ইনপুট ক্ষেত্র, বোতাম এবং ফর্ম জমা দেওয়ার মতো ফর্ম উপাদানগুলির আচরণ এবং বৈশিষ্ট্যগুলিকে সংজ্ঞায়িত করতে ব্যবহৃত হয়।

4. Hyperlink Attributes: 

এই অ্যাট্রিবিউটগুলি <a> (অ্যাঙ্কর) উপাদানগুলির সাথে হাইপারলিঙ্কগুলিকে সংজ্ঞায়িত করার জন্য ব্যবহার করা হয়, যেমন href, টার্গেট, ডাউনলোড, rel, hreflang এবং টাইপ। এই বৈশিষ্ট্যগুলি HTML নথিতে হাইপারলিঙ্কগুলির গন্তব্য, আচরণ এবং উপস্থাপনা নির্ধারণ করতে ব্যবহৃত হয়।

5. Media-Related Attributes: 

এই বৈশিষ্ট্যগুলি মিডিয়া উপাদানগুলির সাথে ব্যবহার করা হয়, যেমন <img>, <video>, এবং <audio>, মিডিয়া উপাদানগুলির উত্স, মাত্রা, নিয়ন্ত্রণ এবং অন্যান্য বৈশিষ্ট্য যেমন src, alt, সংজ্ঞায়িত করতে। প্রস্থ, উচ্চতা, অটোপ্লে, নিয়ন্ত্রণ, পোস্টার, প্রিলোড, লুপ এবং নিঃশব্দ।

6. Deprecated Attributes: 

এগুলি এমন বৈশিষ্ট্য যা আধুনিক HTML-এ আর প্রস্তাবিত বা সমর্থিত নয়, কিন্তু তারপরও পশ্চাদগামী সামঞ্জস্যের জন্য ব্যবহার করা যেতে পারে ৷ অপ্রচলিত বৈশিষ্ট্যগুলির উদাহরণগুলির মধ্যে সারিবদ্ধ, bgcolor, ফ্রেমবর্ডার, সেলস্পেসিং, সেলপ্যাডিং এবং ভ্যালাইন অন্তর্ভুক্ত রয়েছে। 

আধুনিক এইচটিএমএল ডকুমেন্টে অপ্রচলিত বৈশিষ্ট্যগুলি ব্যবহার করা এড়াতে এবং পরিবর্তে স্ট্যান্ডার্ড, আপ-টু-ডেট বৈশিষ্ট্যগুলি ব্যবহার করা ভাল।

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

Start Attributes:

এইচটিএমএল-এ, এইচটিএমএল উপাদানগুলির প্রারম্ভিক অবস্থা বা আচরণ সংজ্ঞায়িত করতে ব্যবহার করা যেতে পারে এমন বেশ কয়েকটি বৈশিষ্ট্য রয়েছে। HTML-এ কিছু সাধারণভাবে ব্যবহৃত "স্টার্ট" বৈশিষ্ট্যগুলির মধ্যে রয়েছেঃ- 

1. Checked: 

এই বৈশিষ্ট্যটি <input type="checkbox"> এবং <input type="radio"> উপাদানগুলির সাথে ব্যবহার করা হয় যাতে পৃষ্ঠা লোড হওয়ার সময় চেকবক্স বা রেডিও বোতামটি ডিফল্টরূপে চেক করা উচিত।

2. Selected: 

এই বৈশিষ্ট্যটি একটি <select> উপাদানের মধ্যে <option> উপাদানগুলির সাথে ব্যবহার করা হয় যাতে পৃষ্ঠা লোড হওয়ার সময় একটি বিকল্প ডিফল্টরূপে নির্বাচন করা উচিত।

3. Autofocus: 

এই বৈশিষ্ট্যটি বিভিন্ন ফর্ম উপাদানগুলির সাথে ব্যবহার করা হয়, যেমন <input>, <textarea>, এবং <select>, নির্দিষ্ট করার জন্য যে উপাদানটি পৃষ্ঠা লোড হওয়ার সময় স্বয়ংক্রিয়ভাবে ফোকাস গ্রহণ করবে, ব্যবহারকারীকে এলিমেন্ট ছাড়াই এলিমেন্টের সাথে ইন্টারঅ্যাক্ট শুরু করতে দেয়। ম্যানুয়ালি এটি নির্বাচন করতে হচ্ছে।

4. Autoplay: 

এই বৈশিষ্ট্যটি <ভিডিও> এবং <অডিও> উপাদানগুলির সাথে ব্যবহার করা হয় যাতে পৃষ্ঠা লোড হলে মিডিয়া স্বয়ংক্রিয়ভাবে বাজানো শুরু করে।

5. Preload: 

এই বৈশিষ্ট্যটি <video> এবং <audio> উপাদানগুলির সাথে ব্যবহার করা হয় যাতে পৃষ্ঠাটি লোড হওয়ার সময় মিডিয়া কীভাবে লোড করা উচিত তা উল্লেখ করা হয়। 

সম্ভাব্য মানগুলি হল "স্বয়ংক্রিয়", "মেটাডেটা", এবং "কোনটিই নয়", যা নির্ধারণ করে যে মিডিয়াটি সম্পূর্ণরূপে লোড করা উচিত কিনা, শুধুমাত্র মেটাডেটা পুনরুদ্ধার করার জন্য লোড করা হবে, নাকি মোটেও লোড করা হবে না।

6. Open: 

এই বৈশিষ্ট্যটি <বিস্তারিত> উপাদানগুলির সাথে ব্যবহার করা হয় যাতে পৃষ্ঠা লোড হওয়ার সময় বিশদটি ডিফল্টরূপে দৃশ্যমান (খোলা) হওয়া উচিত।

7. Disabled: 

এই বৈশিষ্ট্যটি বিভিন্ন ফর্ম উপাদানগুলির সাথে ব্যবহার করা হয়, যেমন <input>, <textarea>, এবং <select>, নির্দিষ্ট করার জন্য যে উপাদানটি ডিফল্টরূপে নিষ্ক্রিয় করা উচিত যখন পৃষ্ঠা লোড হয়, সক্রিয় না হওয়া পর্যন্ত উপাদানটির সাথে ব্যবহারকারীর মিথস্ক্রিয়া প্রতিরোধ করে।

এগুলি এইচটিএমএলে "স্টার্ট" বৈশিষ্ট্যগুলির কিছু উদাহরণ যা এইচটিএমএল উপাদানগুলির প্রাথমিক অবস্থা বা আচরণকে সংজ্ঞায়িত করতে ব্যবহার করা যেতে পারে। 

বিভিন্ন HTML উপাদান এবং সংস্করণের সাথে এই বৈশিষ্ট্যগুলির নির্দিষ্ট ব্যবহার এবং সামঞ্জস্যের জন্য HTML স্পেসিফিকেশন এবং ডকুমেন্টেশন উল্লেখ করা গুরুত্বপূর্ণ।

Html Definition List:

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

HTML এ একটি সংজ্ঞা তালিকার সিনট্যাক্স নিম্নরূপঃ- 

<dl> <dt>Term 1</dt> <dd>Definition 1</dd> <dt>Term 2</dt> <dd>Definition 2</dd> <!-- Additional terms and definitions go here --> </dl>

<dl> উপাদানটি সংজ্ঞা তালিকা নির্ধারণ করতে ব্যবহৃত হয় এবং এতে এক বা একাধিক <dt> এবং <dd> উপাদান রয়েছে।

1. <dt> "সংজ্ঞা শব্দ" এর জন্য দাঁড়ায় এবং তালিকার একটি শব্দকে সংজ্ঞায়িত করতে ব্যবহৃত হয়।

2. <dd> "সংজ্ঞা বিবরণ" এর জন্য দাঁড়ায় এবং শব্দটির জন্য সংশ্লিষ্ট সংজ্ঞা নির্ধারণ করতে ব্যবহৃত হয়।

<dt> এবং <dd> উপাদানগুলিকে <dl> উপাদানের মধ্যে পদের জোড়া এবং তাদের সংজ্ঞা তৈরি করতে একসাথে ব্যবহার করা হয়। একাধিক পদ এবং সংজ্ঞা একটি একক <dl> উপাদানের মধ্যে অন্তর্ভুক্ত করা যেতে পারে।

সংজ্ঞা পদগুলি (<dt>) সাধারণত গাঢ় বা জোরে প্রদর্শিত হয়, যখন সংজ্ঞা বর্ণনাগুলি (<dd>) সাধারণত সংশ্লিষ্ট পদের পরেই প্রদর্শিত হয় এবং দৃশ্যত আলাদা করার জন্য ইন্ডেন্ট করা হয়।

সংজ্ঞা তালিকাগুলি সাধারণত শব্দকোষ, অভিধান বা অন্যান্য ধরণের তালিকার জন্য ব্যবহৃত হয় যেখানে শর্তাবলী এবং তাদের সংজ্ঞাগুলি একটি ওয়েবপেজে একটি কাঠামোগত এবং সহজে পঠনযোগ্য পদ্ধতিতে উপস্থাপন করা প্রয়োজন।