আসালামু-আলাইকুম, কুসল বিনিময় পরে করে আগে কাজের কথাই আসা যাক। ইতি মধ্যে আমরা জেনেছি এইচটিএমএল সম্পর্কে, কিভাবে এইচটিএমএল ফাইল খুলতে হয় এবং এইচটিএমএল ফাইল সেভ করতে হয়। এছাড়া এও জেনেছি ওয়েব ডিজাইনিং এর জন্য আমাদের সম্ভাব কি কি জিনিস এর প্রয়োজন। এটি একটি ধারাবাহিক টিউন তাই যারা এর আগের টিউন গুলো পড়েন নি তারা নিচের থেকে আগের টিউন গুলো অব্যশই পড়ে নিবেন।
তো আসুন আমরা আমাদের মুল বিষয়ে ফিরে যাই। আজ আমরা এইচটিএমএল এর tag সম্পর্কে জানব। এইচটিএমএল এ দু'ধরনের tag বিদ্যমান যথাঃ
Double tag & Single tag।
Double tag: Double tag হচ্ছে যে tag এর শুরু এবং শেষ রয়েছে। এই tag টি ব্যবহার করে কোন কাজ শুরু করলে সেই tag টি ব্যবহার করেই শেষ করতে হয়।
Single tag: এ tag এর শুরু এবং শেষ একি সাথে হয়। এর ভিতরেই তার যাবতীয় কাযাদি সম্পন্ন্য হয়। ব্যবহার এর ক্ষেত্রে ভাল করে বুজতে পারবেন।
আসুন এখন এইচটিএমএল এ কি কি tag রয়েছে তা জেনে নেই।
এইচটিএমএল tag সমূহঃ
Double tag | Single tag |
| Html(<html></html>) | Link(<link />) |
| Head(<head></head>) | Meat(<meat />) |
| Body(<body></body>) | Img(<img />) |
| Title(<title></title>) | |
| Script(<script></script>) | |
| P(<p></p>) | |
| B(<b></b>) | |
| I(<i></i>) | |
| Center(<center></center>) | |
| Strong(<strong ></ strong >) | |
| Span(<span></span>) | |
| Div(<div></div>) | |
| Ul(<ul></ul>) | |
| Ol(<ol ></ol >) | |
| Li(<li></li>) | |
| A(<a href></a>) |
Double tag & Single tag এর পার্থক্য একটাই, সেটা হলঃ
Double tag এর কোড যেটা দিয়ে শুরু হয় সেটা দিয়েই শেষ হয় এবং শুধু শেষের কোডটির আগে "/" এই চিহ্নটি বসাতে হয় ব্যাস।
যেমনঃ <html></html>
Single tag এর ক্ষেত্রে tag শেষে "/" এই চিহ্নটি বসাতে হয়।
যেমনঃ <img />
আমি এখানে কিছু Double tag & Single tag এর লিস্ট দিলাম। এখন আপনাদের জন্য একটা task রয়েছে। কারণ আমি যদি এভাবে শুধু টিউন দিয়ে যাই আর পানারা শুধু পড়েই জান তাহলে কিছুই শিক্ষা হবেনা। তাই টিউন এর শেষে একটা task দেওয়া হল।
এখন বলি উপরের কোন tag এর নাম কি এবং কাজ কি।
Html-> এটির কাজ হল ওয়েব পেইজ এর গঠন নির্ধারণ করা। এই tag টির ভেতরে ওয়েব পেইজের সকল code লিখতে হয়।
Head-> এই tag টির ভেতর যাই লিখা হয় তা বিভিন্ন সার্চ ইঞ্জিন এবং ব্রাউজার এর জন্য কাজ করে। ব্যবহার এর ক্ষেত্রে এর সঠিক কাজটা বুজতে পারবেন।
Body-> এটি হল আমাদের ওয়েব পেইজের মুল অংশ। এর ভেতর যাই লিখা হয় তা আমাদের ওয়েব পেইজে দেখাবে। এই Body এর ভেতর বাকী কোড গুলো ব্যবহার করে ওয়েব পেইজ তৈরি করতে হয়।
এখন আপনার অবস্তা সম্পর্কে আমাকে অবগত করতে পারেন। মানে এখন বলতে পারেন আপনারা কেমন আছেন। কোন সমস্যা হলে টিউমেন্ট করুন আর হ্যা টিউমেন্টে আপনার অবস্তা সম্পর্কে ও বলতে পারেন।
এখন আপনাদের task এর পালা। ভয়ের কোন কারন নেই। তেমন কিছু না। আপনাদের কাজ হল, নিচের লিঙ্ক থেকে এইচটিএমএল এর আরো অন্যান tag গুলো জেনে নেবেন, মানে হচ্ছে অই খানে আরো অনেক tag এর নাম দেওয়া আছে যা আমি সময় স্বল্পতার কারনে লিখতে পারিনি।
ফেসবুক আমার সাথে যোগাযোগ করতে চাইলে এখানে যেতে পারেন।
আমি মোহাম্মদ রিয়াদ। Front-end Designer and WP Developer, Soft Bucket, Chattogram। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 9 বছর 5 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 23 টি টিউন ও 14 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 4 টিউনারকে ফলো করি।
শুধু আমি নই, এমন টিউমেন্ট পেলে যেকোন টিউনারই উৎসাহ পায় টিউন করতে। আপনারা যদি এভাবে উৎসাহ দিয়ে যান তাহলে সকল টিউনাররা ভালো ভালো টিউন আপনাদের উপহার হিসেবে দিয়ে থাকবে।
![jQuery for Web Design [পর্ব-০৪] :: jQuery এর FadeIn FadeOut মেথড জানবো ও ব্যবহার করে দেখব](https://dnc.techtunes.io/tDrive/tuner/2018/04/techtunes_fee81aa370998cccf57ea2d7dc08eaa8-368x207.jpg "jQuery for Web Design [পর্ব-০৪] :: jQuery এর FadeIn FadeOut মেথড জানবো ও ব্যবহার করে দেখব")
টিউনগুলো ভালই লাগছে, মাঝপথে বন্ধ করে দিয়েননা ভাই