HTML
List
ওয়েবসাইট এ তালিকা প্রকাশ করার জন্য এইচটিএমএল লিস্ট ব্যবহার করা হয় ।
তালিকা ৩ ধরনের:
Ordered
List (ol)
Unordered List (ul)
Definition list (dl)
Definition list (dl)
Ordered List
অর্ডার লিস্ট এ তালিকা ক্রমানুসারে থাকে । এইচটিএমএল এ Order List কে সংক্ষেপে ol লেখা হয় ।
এইচটিএমএল কোড:
<ol>
<li>
Saturday </li>
<li>
Sunday </li>
<li>
Monday </li>
<li>
Tuesday </li>
</ol>
আউটপুট:
1. Saturday
3. Monday
4. Tuesday
Ordered List কে আরো কয়েক ভাবে প্রকাশ করা যায়। যেমন-
<h3>Alphabet Type list</h3>
<ol type="A"><li>Home</li>
<li>About Us</li>
<li>Contact Us</li>
</ol>
<h3>Number Type list</h3>
<ol type="1">
<li>HTML</li>
<li>CSS</li>
<li>PHP</li>
</ol>
<li>HTML</li>
<li>CSS</li>
<li>PHP</li>
</ol>
<h3>Roman Number Type list</h3>
<ol type="I">
<li>Pragaph</li>
<li>Table</li>
<li>List</li>
</ol>
<li>Pragaph</li>
<li>Table</li>
<li>List</li>
</ol>
কোডগুলো সেভ করে Mozilla Firefox দিয়ে open করলে পাশে প্রদর্শিত ছবির মত দেখাবে।
Unordered
List
আনঅর্ডার লিস্ট এ তালিকা সাধারণত বুলেট চিহ্ন (কালো ছোট বৃত্ত) আকারে থাকে । এইচটিএমএল এ unorder List কে সংক্ষেপে ul লেখা হয় ।
এইচটিএমএল কোড:
<ul>
<li>
Saturday </li>
<li>
Sunday </li>
<li>
Monday </li>
<li>
Tuesday </li>
</ul>
আউটপুট:
- Saturday
- Sunday
- Monday
- Tuesday
Unordered List প্রকাশের আরো কয়েকটি পদ্ধতি:
<h4>Disc Type list</h4>
<ul type="disc">
<li>Home</li>
<li>About Us</li>
<li>Contact Us</li>
</ul>
<li>Home</li>
<li>About Us</li>
<li>Contact Us</li>
</ul>
<h4>Circle Type list</h4>
<ul type="circle">
<li>HTML</li>
<li>CSS</li>
<li>PHP</li>
</ul>
<ul type="circle">
<li>HTML</li>
<li>CSS</li>
<li>PHP</li>
</ul>
<h4>Square Type list</h4>
<ul type="square">
<li>Pragaph</li>
<li>Table</li>
<li>List</li>
</ul>
<li>Pragaph</li>
<li>Table</li>
<li>List</li>
</ul>
একটা নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save
as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে পাশে প্রদর্শিত ছবির মত দেখাবে।
Definition
list
ডেফিনেশন লিস্ট (Definition list): ডেফিনেশন লিস্ট হলো HTML এর বিশেষ ধরনের লিস্ট যা গ্লোসারি লিস্ট নামেও পরিচিত। মুলতঃ লিস্টের আইটেমসমূহের বর্ণানার জন্য এ ধরনের লিস্ট ব্যবহৃত হয়। ডেফিনিশন লিস্টে শুরু হয় <dl> ট্যাগ দিয়ে এবং শেষ হয় </dl> ট্যাগ দিয়ে। প্রতিটি আইটেম শুরু হয় <dt> ট্যাগ দিয়ে আর প্রতিটি বর্ণনা শুরু হয় <dd> ট্যাগ দিয়ে। ট্যাগের মধ্যে প্যারাগ্রাফ, লাইন ব্রেক, ইমেজ,লিংক এবং অন্যান্য লিস্টসমূহ বসানো যায়। অবশ্য <dt> এবং
<dd> উভয়েই এম্পটি ট্যাগ। তাই এদের ক্লোজিং ট্যাগের প্রয়োজন হয় না।
উদাহরণ: IT (Information Technology), ICT (Information & Communication Technology) ইত্যাদিকে ডেফিনেশন লিস্ট এর সাহায্যে প্রকাশের HTML কোড লিখ।
<html>
<body>
<h1> A Definition List: </h1>
<dl>
<dt> IT
<dd> Information Technology.
<dt> ICT
<dd> Information &Communication Technology.
</dl>
</body>
</html>
ফলাফল: যে কোন ব্রাউজার সফ্টওয়্যার (internet Explorer/Mozilla Firefox)ব্যবহার করে ফাইলটি রান করলেই নিম্নের আউটপুট পাওয়া যাবে।
উদাহরণ: IT (Information Technology), ICT (Information & Communication Technology) ইত্যাদিকে ডেফিনেশন লিস্ট এর সাহায্যে প্রকাশের HTML কোড লিখ।
<html>
<body>
<h1> A Definition List: </h1>
<dl>
<dt> IT
<dd> Information Technology.
<dt> ICT
<dd> Information &Communication Technology.
</dl>
</body>
</html>
ফলাফল: যে কোন ব্রাউজার সফ্টওয়্যার (internet Explorer/Mozilla Firefox)ব্যবহার করে ফাইলটি রান করলেই নিম্নের আউটপুট পাওয়া যাবে।
No comments:
Post a Comment