প্রিয় শিক্ষার্থী বন্ধুরা আজ আপনাদের সাথে আলোচনা করবো HTML Tags নিয়ে. HTML এর মূল ভিত্তি হলো Tag.এক জোড়া tag নিয়েই HTML গঠিত. Tag গুলো জোড়ায় জোড়ায় থাকে. প্রথম টি কে শুরুর tag এবং পরের টি কে শেষ tag বা ক্লোজিং tag বলা হয়. যেমন -
<b> This is tag </b>
এখােন ,<b> হলো একটি tag. <b> হলো শুরুর tag এবং </b> হলো ক্লোজিং tag. Tag লিখার নিয়ম হলো:-
1.শুরুতে একটি "<" চিহ্ন
2. মাঝখানে যেই tag ব্যবহার করা হবে সেটা
3. শেষে একটি ">" চিহ্ন
4. Closing tag এর সময় শেষ tag এ একটি / ব্যবহার করা হয়.
যেমন </>.
Closing tag খুবই গুরুত্ব পূর্ণ.কারণ ক্লোজিং tag না দিলে কোডিং সম্পূর্ণ হবেনা. HTML এ যেসব tag ব্যবহার করা হয় তা হলো :-
<b> This is tag </b>
এখােন ,<b> হলো একটি tag. <b> হলো শুরুর tag এবং </b> হলো ক্লোজিং tag. Tag লিখার নিয়ম হলো:-
1.শুরুতে একটি "<" চিহ্ন
2. মাঝখানে যেই tag ব্যবহার করা হবে সেটা
3. শেষে একটি ">" চিহ্ন
4. Closing tag এর সময় শেষ tag এ একটি / ব্যবহার করা হয়.
যেমন </>.
Closing tag খুবই গুরুত্ব পূর্ণ.কারণ ক্লোজিং tag না দিলে কোডিং সম্পূর্ণ হবেনা. HTML এ যেসব tag ব্যবহার করা হয় তা হলো :-
- 1.<html> এবং</html> -HTML প্রোগ্রাম এর শুরু ও শেষ নির্দেশ করে.
- 2.<head> এবং</head> -প্রোগ্রামের head. অংশ নির্দেশ করে.
- 3.<body> এবং</body> -প্রোগ্রামের মূল অংশ নির্দেশ করে.
- 4.<title> এবং</title> -ডকুমেন্টের টাইটেল বুঝানোর জন্য
- 5.<b> এবং</b>-লেখাকে bold করার জন্য
- 6.<u> এবং</u> -লেখা underline করার জন্য
- 7.<p>এবং</p> -লেখা paragraph হিসেবে প্রদর্শন করে.
- 8.<i> এবং </i> -লেখা italic করার জন্য
- 9.<ol> এবং </ol> -order list তৈরি করার জন্য
- 10.<ul> এবং </ ul> -unorder list তৈরি করার জন্য
- 11.<small > এবং </small > -লেখা ছোট করার জন্য
- 12.<big> এবং< /big > -লেখাকে বড় করার জন্য
- 13.<strike>এবং</strike> -লেখাকে মাঝ বরাবর কাটার জন্য.
এই tag গুলো ব্যবহার করে খুব সহজেই একটি ওয়েব পেইজ তৈরি করা যায়.তাহলে চলুন আমরা HTML পেইজ তৈরি করি :- Desktop -Start -All programs-Accessories-Notepad এ ক্লিক করুন
এবার Notepad উইন্ডোতে প্রদর্শিত হলে নিচের HTML কোড গুলো লিখুন যেমন:-
<html>
<head>
<title> It's a text program </title>
</head>
<body>
এবার Notepad উইন্ডোতে প্রদর্শিত হলে নিচের HTML কোড গুলো লিখুন যেমন:-
<html>
<head>
<title> It's a text program </title>
</head>
<body>
This is my first program
</body>
</html>
এরপর File. এ ক্লিক করুন তারপর প্রদর্শিত তালিকা থেকে save As এ ক্লিক করুন এবার File name এর বক্সে index.html টাইপ করে save বাটনে ক্লিক করে ডকুমেন্ট save করুন.পরবর্তীতে save করা index ফাইলটি ব্রাউজারে open করুন এবার দেখুন নিচের চিত্রের মত হয়েছে কিনা.
</body>
</html>
এরপর File. এ ক্লিক করুন তারপর প্রদর্শিত তালিকা থেকে save As এ ক্লিক করুন এবার File name এর বক্সে index.html টাইপ করে save বাটনে ক্লিক করে ডকুমেন্ট save করুন.পরবর্তীতে save করা index ফাইলটি ব্রাউজারে open করুন এবার দেখুন নিচের চিত্রের মত হয়েছে কিনা.
যদি চিত্রের সাথে মিলে যায় তাহলে আপনি ১০০% সফলভাবে একটি HTML ওয়েব পেজ তৈরী করতে সক্ষম হয়েছেন।
আর যদি চিত্রের সাথে না মিলে তাহলে পূনরায় আবার চেষ্টা করুন.
বন্ধুরা আশা করি এই টিউনটির মাধ্যমে আপনারা উপকৃত হবেন.
আর করো যদি কোথাও বোঝাতে সমস্যা হয় তাহলে কমেন্ট বক্সে ছোট্ট একটা কমেন্ট করে জানাতে ভুলবেননা আমি আমার সাধ্যমতো সমাধান দেয়ার চেষ্টা করবো। আজকে এ পর্যন্তই
পরবর্তী টিউনে আবার দেখা হবে. সেই পর্যন্ত ভালো থাকবেন. কস্ট করে টিউনটি পড়ার জন্য ধন্যবাদ।
আর যদি চিত্রের সাথে না মিলে তাহলে পূনরায় আবার চেষ্টা করুন.
বন্ধুরা আশা করি এই টিউনটির মাধ্যমে আপনারা উপকৃত হবেন.
আর করো যদি কোথাও বোঝাতে সমস্যা হয় তাহলে কমেন্ট বক্সে ছোট্ট একটা কমেন্ট করে জানাতে ভুলবেননা আমি আমার সাধ্যমতো সমাধান দেয়ার চেষ্টা করবো। আজকে এ পর্যন্তই
পরবর্তী টিউনে আবার দেখা হবে. সেই পর্যন্ত ভালো থাকবেন. কস্ট করে টিউনটি পড়ার জন্য ধন্যবাদ।
Post a Comment
0 comments
প্রিয় পাঠক পোস্টটি পড়ার পর যদি আপনার ভালো লাগে তাহলে দয়া করে গঠনমূলক মন্তব্য করুন । আপনার ছোট্ট একটি মন্তব্য আমাকে আরও ভালো এবং উন্নত মানের পোস্ট লিখতে উৎসাহ প্রদান-করবে। আর প্রাসঙ্গিক যেকোনো প্রশ্ন-সাহায্য-জিজ্ঞাসা-অভিযোগ থাকলে। মেইল করুন mrlutfor1@gmail.com এই ঠিকানায়। আপনার ছোট্ট একটি মন্তব্য আমার নিকট অধিক মূল্যবান। আসা-করছি সাথেই থাকবেন। ধন্যবাদান্তে -লুৎফর রহমান।