Name of the Experiment: Html -এ ব্যবহৃত বিভিন্ন ধরণের লিস্ট ট্যাগের ব্যবহার।
Experiment No: 3
Date:.........
Page No:........
প্রয়োজনীয় যন্ত্রপাতি: একটি পার্সোনাল কম্পিউটার।
প্রয়োজনীয় সফটওয়্যার :
১. একটি অপারেটিং সিস্টেম। যেমন: Windows 7/Windows 8/Windows 10
২. যেকোনো একটি এডিটর প্রোগ্রাম। যেমন: Notepad/Notepad++/Sublime Text এবং
৩. যেকোনো একটি ব্রাউজার। যেমন: Google Chrome/Mozilla Firefox/Microsoft Edge
প্রক্রিয়া অনুসরণ:
১. Start-এর উপর ক্লিক করতে হবে।
২. Programmes/All programmes -এর উপর ক্লিক করতে হবে।
৩. Accessories-এর উপর ক্লিক করতে হবে।
- Notepad-এর উপর ক্লিক করতে হবে। তাহলে নোটপ্যাড (Notepad) এডিটর চালু হবে। এডিটরে প্রয়োজনীয় কোড লিখতে হবে।
HTML কোড:
<!DOCTYPE html>
<html>
<head>
<title> html list </title>
</head>
<body>
<h3> An Ordered List </h3>
<ol>
<li> Dhaka </li>
<li> Rajshahi </li>
<li> Chattagram </li>
<li> Khula </li>
</ol>
<h3> An Ordered List with attributes: </h3>
<ol type=”a” start=”5”>
<li> Barisal </li>
<li> Rangpur </li>
<li> Sylhet </li>
<li>Mymensingh </li>
</ol>
<h3> An Unordered List </h3>
<ul>
<li>Dhaka </li>
<li> Rajshahi </li>
<li> Barisal </li>
<li>Mymensingh </li>
</ul>
</body>
</html>
ফাইল সংরক্ষণ:
১. Notepad-এ কোড লিখে File menu তে ক্লিক করে Save As -এ ক্লিক করি। তাহলে Save as ডায়ালগ বক্স আসবে।
২. File Name – এর Text বক্সে যে কোনো নাম টাইপ করি এবং নামের শেষে .htm বা html লিখি।
৩. Save as type এর ড্রপ ডাউন লিস্ট হতে HTML বা All files সিলেক্ট করি।
৪. অবশেষে Save – এর উপর ক্লিক করি। তাহলে ফাইলটি সংরক্ষিত হবে।
ফলাফল:
সেভ করা ফাইলটি যেকোনো ব্রাউজারে ওপেন করার জন্য ফাইলটির উপর মাউস পয়েন্টার রাখি এবং ডাবল ক্লিক করি। তাহলে চিত্র-৩ এর মতো আউটপুট দেখতে পাবো।
ব্যাখ্যা:
অর্ডার লিস্টের জন্য <ol> </০l> ট্যাগ ব্যবহৃত হয়েছে এবং অর্ডার লিস্টে কি কি আইটেম থাকবে তা নির্ধারণের জন্য </li> <li> ট্যাগ ব্যবহৃত হয়েছে। <ol> ট্যাগের অ্যাট্রিবিউট আছে দুইটি যেথা: type এবং Start । আনঅর্ডারড লিস্টের জন্য </ul></ul> ট্যাগ ব্যবহৃত হয়েছে আনঅর্ডারড লিস্টে কি কি আইটেম থাকবে বা নির্ধারণের জন্য <li></li> ট্যাগ ব্যবহৃত হয়েছে <ul> ট্যাগের আট্রিবিউট আছে একটি। যথা: type ।