Wednesday , 16 October 2019
Home » Web Design » HTML ফ্রি বাংলা টিউটোরিয়াল,HTML ব্যাসিক আলোচনা-১ (পর্ব-২)

HTML ফ্রি বাংলা টিউটোরিয়াল,HTML ব্যাসিক আলোচনা-১ (পর্ব-২)

হ্যালো বন্ধুরা

আসসালামু আলাইকুম

সবাই কেমন আছেন আসাকরি ভাল আছেন,গত পোস্টে আমরা Html এর প্রাথমিক আলোচনা করেছিলা,মানে এইচটিএমএল কী ,এর কাজ কি,এইটা কিভাবে কাজ করে ।এটা শিকে কী ক্যারিয়ার গরা সম্ভব,আর আজকে আমরা আআলোচনা করব এইচটিএমএল নিয়ে মানে আমরা আজকে এইচটিএমএল এর ব্যাসিক গুলো জেনে নেব।তাহলে চলুন কথা না বাড়িয়ে জেনে নেই কী কী থাকছে আজকের পর্বে-

আজকের পর্বের বিষয়ঃ-

১) এইচটিএমএল ট্যাগ কী? (Tag)

২)ট্যাগ লিখার নিয়ম।(how to write html)

৩)ওপেনিং ট্যাগ। (Opening Tags)

৪)ক্লোজিং ট্যাগ। (Closing Tags)

৫)HTML এম্পটি ট্যাগ। (Empty Tags)

৬) HTML ডেপ্রিকেটেড ট্যাগ (Deprecated Tags) এট্রিবিউট (Attributes)

৭) HTML এট্রিবিউট (Attributes) ও ভ্যালিও (Value)

তাহলে জেনে নিলাম কী কী আছে আজকের পর্বে এবার আসুন চলে যাই মূল আলোচনায়।

মূল আলোচনাঃ-

১) এইচটিএমএল ট্যাগ কী? (Tag)

এইচটিএমএল কে ব্রাউজারে প্রদর্শন করার জন্য ব্যবহার হয়ে থাকে।এইচটিএমএল ট্যাগগুলো অনেকটা ইউজার ফ্রেন্ডলি।ইউজার ফ্রেন্ডলি বলতে এইচটিএমএল ট্যাগগুলো আয়ত্ত করার জন্য প্রোগ্রামিং ল্যাঙ্গুয়রজ এর মত এত কস্ট করতে হয় না।ব্রাউজার এইচটিএমএল এর ট্যাগ এর উপর ভিত্তি করে পেইজের কন্টেন্ট প্রদর্শিত করে।যেমন লেখাকে বোল্ড করার জন্য b এবং আন্ডারলাইন করার জন্য u টাগ ব্যবহার হয়।কিন্তু প্রশ্ন হতে পারে তাহলে সাধারন টেক্সট এবং এইচটিএমএল টেক্সট এর মাঝে পার্থক্য কি?হত্মল লিখার মূলত কিছু নিয়ম রয়েছে।

২)ট্যাগ লিখার নিয়ম।(how to write html)

  • প্রতিটি এইচটিএমএল ট্যাগ < (less than Sign) দিয়ে শুরু করতে হয়।
  • এর পরে ট্যাগ এর নাম উল্যেখ করতে হয়।
  • এবং সব শেষে (greater than Sign) দিয়ে ট্যাগ শেষ করতে হয়।যেমনঃ <a> ,<b>,<img> ইত্যাদি।

বিঃদ্রঃ এইচটিএমএল টাগ গুলো কেস সেন্সেটিভ নয়,তবে w3s স্টেন্ডার্ড অনুযায়ী ছোট অক্ষরে লিক্ষা ভাল। এইচটিএমএল এ কোন টেক্সট কে টয়াগ এর মাধ্যমে লিখার জন্য প্রতিটা ট্যাগ কে দুইবার লিখতে হয়।নিচে নিয়ম দেখানো হয়েছে-

৩)ওপেনিং ট্যাগ। (Opening Tags)

টেক্সট শুরু করার আগে অপেনিং ট্যাগ ডিক্লেয়ার করতে হয়,অপেনিং ট্যাগ লিখার নিয়ম -<Tag>

৪)ক্লোজিং ট্যাগ। (Closing Tags)

টেক্সট শেষ করার পরে ক্লোজিং ট্যাগ লিখতে হয়,ক্লোজিং ট্যাগ লিখার নিয়ম হচ্ছে,ট্যাগ এর নামের আগে লেসদেন সাইন এর পরে একটা ফরওয়ার্ড স্লেশ / ব্যবহার করতে হয়।অর্থাতঃ </tag>.নিছে ওপেনিং এবং ক্লোজিং ট্যাগ লিখার নিয়ম দেখানো হল।

< Opening Tag > Here is Your Text </ Closing Tag >

<p>This line would be written under Paragraph style </p>

৫)HTML এম্পটি ট্যাগ। (Empty Tags)

এইচটিএমএল এ এমন কিছু ট্যাগ আছে যেগুলো কোন ট্যাক্সটকে প্রবাবিত করে না।বিশেষ কিছু কাজে এদের ব্যবহার হয়ে থাকে।যেমনঃ< br >,< img >,< input > ইত্যাদি।এই ট্যাগ গুলোকে Empty Tags বলে।এই ট্যাগ গুলোর কোন ক্লোজিং ট্যাগ নাই।তবে W3C স্টেন্ডার্ড অনুযায়ী এসখল এম্পটি ট্যাগ গুলোকেউ ক্লোজ করা উচিৎ তাই এই সব ট্যাগে ট্যাগ এর নামের পরে ও greather than সাইন এর আগে একটা ফরওয়ার্ড স্লেশ / ব্যবহার করা হয়।

৬) HTML ডেপ্রিকেটেড ট্যাগ (Deprecated Tags) এট্রিবিউট (Attributes)

এইচটিএমএল এর পূর্বের ভার্সন গুলোতে ব্যাবহৃত কীছু ট্যাগ ও এট্রিবিউট নতুন ভার্সনে অনুনমুদিত(ডেপ্রিকেটেড) ঘোষনা করা হয়। ডেপ্রিকেটেড মানে এই নয় যে এটি আর ব্যাবহার করা যাবে না ,তবে পেইজ ভ্যালিডেশনে এটি সমস্যা হয়ে দাড়াবে।


৭) HTML এট্রিবিউট (Attributes) ও ভ্যালিও (Value)

এইচটিএমএল ট্যাগ এ ব্যবহৃত বিষয় সমূহের বিভিন্ন পরিবর্তন সাধন,বিভিন্ন আবজ্ঞিকে উপস্তাপনা এর জন্য ট্যাগ এর মাঝে নিভিন্ন এট্রিবিউট ব্যবহার হয়।আর এই সমস্ত এট্রিবিউট এর কাজকে সুনির্দিস্ট করতে এগুলোতে বিবভিন্ন ভ্যালু ব্যবহার হয়।যেমনঃ <p> ট্যাগ ব্যবহার করে যকন আওরা কিছু লিখি তখন এইটা স্বাভাবিক ভাবে পেইজের বাম দিক থেকে শুরু হয়,কিন্তু আমরা যদি এইটাকে ডান থেকে শুরু করতে চাই এর জন্য আমামদের ট্যাগ এর সাথে এট্রিভিউট ব্যবহার করতে হবে,নিচে উদাহরন দেওয়া হলঃ-

< p dir=” rtl “> This line will be shown as right to left in browser </p>

বিঃদ্রঃ এখানে <p> হচ্ছে ট্যাগ আর dir হচ্ছে উক্ত ট্যাগ এর এট্রিভিউট এবং rtl হল এট্রিভিউট এর ভ্যালু।

তাহলে বন্ধুরা আজকের পর্বের আলোচনা এ পর্যন্তই ছিল ,আসা করি শীগ্রই পরবর্তি পর্ব নিয়ে হাজির হব এবং পরবর্তিতে আরো অনেক কিছু নিয়ে আলোচনা করব ইনশাআল্লাহ।

পরবর্তি পর্বের আগে পর্যন্ত সবা ভাল থাকুন সুস্থ থাকুন,সে প্রত্যসায় শেষ করচি আজকের পোস্ট।

আল্লাহ হাফেজ।

About Mir Md Aminul Haque

প্রযোক্তিকে ভালবাসি ,নিত্য জানতে চাই নতুন কিছু,ছড়িয়ে দিতে চাই উজার করে নিজের জ্ঞান সবার মাঝে।

Check Also

বাজেটের মধ্যে Core i3 ডেস্কটপ নিজ হাতে তৈরী করুন

হ্যলো বন্ধুরা,আজকে আমি আপনাদের জন্য নিয়ে এসেছি একদম সুপার ডুপার একটা পোস্ট,পোস্ট টা হচ্ছে বাজেটের…

4 comments

  1. Great blog right here! Also your web site rather a lot up fast! What host are you the usage of? Can I am getting your associate link in your host? I want my website loaded up as fast as yours lol

Leave a Reply

Your email address will not be published.