HTML List/লিস্ট ট্যাগের ব্যবহার
শুক্রবার, ১৯ জুলাই, ২০১৯
Comment

একটা ওয়েব পেজকে সুন্দর করে সাজানো এবং তথ্য উপস্থাপনার অন্যতম পদ্ধতি লিষ্ট ।
এক নজরে এইচটিএমএল লিস্ট সংক্রান্ত ট্যাগসমূহ
ট্যাগবর্ণনা
<ul>আন-অর্ডার লিস্ট তৈরি করার জন্য ব্যবহার করা হয়।
<ol>অর্ডার লিস্ট তৈরি করার জন্য ব্যবহার করা হয়।
<li>আন-অর্ডার এবং অর্ডার লিস্টের লিস্ট আইটেম তৈরি করার জন্য ব্যবহার করা হয়।
<dl>ডেস্ক্রিপশন লিস্ট তৈরি করার জন্য ব্যবহার করা হয়।
<dt>ডেস্ক্রিপশন লিস্টের মধ্যে যেই আইটেমটি বর্ণনা করা হবে সেটিকে নির্দেশ করে।
<dd>ডেস্ক্রিপশন লিস্টের কোন একটি আইটেম বর্ণনা করার জন্য ব্যবহার করা হয়।
এইচটিএমএল আন-অর্ডার লিস্ট
আন-অর্ডার লিস্ট তৈরি করার জন্য <ul> ট্যাগ এবং আনঅর্ডার লিস্টের লিস্ট আইটেম তৈরি করার জন্য <li> ট্যাগ ব্যবহার করা হয়।
আন-অর্ডার লিস্টের লিস্ট আইটেমগুলো ডিফল্টভাবে বুলেট চিহ্ন(ছোট কালো বৃত্ত) দ্বারা চিহ্নিত হয়।
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল আন-অর্ডার লিস্ট</title>
</head>
<body>
<h4>একটি আনঅর্ডার লিস্ট</h4>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Cold-Drinks</li>
</ul>
</body>
</html>
এইচটিএমএল অর্ডার লিস্ট
অর্ডার লিস্ট তৈরি করার জন্য <ol> ট্যাগ এবং অর্ডার লিস্টের লিস্ট আইটেমগুলো তৈরি করার জন্য <li> ট্যাগ ব্যবহার করা হয়।
লিস্ট আইটেমগুলো ডিফল্টভাবে সংখ্যা দ্বারা চিহ্নিত হবে।
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল উদাহরণ</title>
</head>
<body>
<h4>এইচটিএমএল অর্ডার লিস্ট</h4>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Cold-Drinks</li>
</ol>
</body>
</html>
এইচটিএমএল ডেস্ক্রিপশন লিস্ট
ডেস্ক্রিপশন লিস্ট(Description Lists) হলো এমন লিস্ট যার প্রতিটি আইটেমের বর্ণনা দেয়া থাকে।
<dl> ট্যাগের মাধ্যমে ডেস্ক্রিপশন লিস্ট তৈরি করা হয়। <dt> ট্যাগের মাধ্যমে লিস্ট আইটেমকে নির্দিষ্ট করা হয় এবং <dd> ট্যাগের মাধ্যমে ডেস্ক্রিপশন লিস্টের প্রতিটি আইটেমের বর্ণনা দেয়া হয়।
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল উদাহরণ</title>
</head>
<body>
<h4>একটি লিস্টের বর্ণনা</h4>
<dl>
<dt>Coffe</dt>
<dd> - black hot drink</dd>
<dt>Milk</dt>
<dd> - white cold drink</dd>
</dl>
</body>
</html>
বি:দ্র: Output দেখার জন্যে একটা নোটপ্যাড open করে উপরের উদাহরনের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি যে কোন Browser দিয়ে open করুন।
☞ এই পোষ্ট সম্পর্কে যদি আপনার কোন প্রশ্ন☞জিজ্ঞাসা☞সমস্যা☞তথ্য জানার থাকে তাহলে আপনি☞কমেন্ট করলে আপনাকে আমরা প্রয়োজনীয় তথ্য দিয়ে সাহায্য করার চেষ্টা করব☞☞☞ "HTML List/লিস্ট ট্যাগের ব্যবহার "
একটি মন্তব্য পোস্ট করুন