[ধারুন টিউন] এইচটিএমএলের টপিক ১ ⇼ বেসিক থেকে এডভান্স (সবার কাজে লাগবে)

সবাই কেমন আছেনে নিশ্চয়ই ভাল। আমি আপনাদের এইচটিএমএল সম্পর্কে ভাল ধারনা দেওয়ার জন্য কিছু গুরুত্বপূর্ণ টপিকের ধারাবাহিক টিউটোরিয়াল নিয়ে এসেছি।

আজাকে আমাদের এইচটিএমএল প্রথম টপিক নিয়ে আলোচনা করবো। আজকের টপিকে যা যা থাকবে তা এক নজরে দেখে নিনঃ

১। এইচটিএমএল সম্পর্কে।
২। এইচটিএমএল ট্যাগ সম্পর্কে।
৩।এট্রিবিউট সম্পর্কে।

১।এইচটিএমএলঃ এইচটিএমএল এর অর্থ হচ্ছে Hyper Text Markup Language. এটা কোন প্রোগ্রামিং ল্যাংগুয়েজ নয়, মার্কআপ ল্যাংগুয়েজ। এইচটিএমএলের সর্ব শেষ যে ভার্সন বের হয়েছে সেটা HTML 5 এটা ২৮ অক্টোবর ২০১৪ release হইছে আমরা এইচটিএমএলের এই ভার্সন নিয়ে আলোচনা করব।

ওয়েব ডিজাইনার হতে হলে এই ল্যাংগুয়েজ টি সবার আগে ভালভাবে শিখতে হবে। তবে এটা শেখা খুব সহজ এটা শিখলেই আপনি একটা ওয়েব পেজ তৈরী করতে পারবেন খুব সহজে।(নতুনদের জন্য বলতেছি)।

২। এইচটিএমএল ট্যাগঃ এইচটিএমএল এ মূলত সম্পূর্ণ কাজ করা হয় ট্যাগ নিয়ে। এইচটিএমএল অনেক ট্যাগ রয়েছে কিন্তু আমরা গুরুত্বপূর্ণ ট্যাগ নিয়ে আলোচনা করবো। যেগুলো আমারা বেশি ব্যবহার করবো সেগুলো।

সিনট্যাক্সঃ <ট্যাগের নাম>বিষয়বস্তু বা কন্টেন্ট থাকবে এখানে</ট্যাগের নাম>

উদাহরণঃ  <p>This is my paragraph tag.</p>

৩। এট্রিবিউটঃ একাটা element এর অতিরিক্ত ইনফর্মেশন হচ্ছে এট্রিবিউট । ডিক্লেয়ার করা হয় স্টার্ট ট্যাগ এর ভিতরে।

সিনট্যাক্সঃ নাম=”ভেলু” (name=”value”).

উদাহরনঃ <h2 title="Welcome">Welcome to bangladesh</h2>

কয়েক ধরনের এট্রিবিউট আচ্ছে তার মধ্যে Core এট্রিবিউট বেশি ব্যবহার করা হয়। এটা চার প্রকার।

যথাঃ    id,      tittle,      class,        style.

id,class,style নিয়ে সিএসএস আলোচনা করা হবে।

title এট্রিবিউট কোন এলিমেন্টে দিলে এটা টুলটিপ আকারে তথ্য প্রদর্শন করে। উপরের উদাহরণ রান করলে বুঝে যাবেন নিশ্চয়ই।

আজ এই পর্যন্ত ভাল থাকুন। এগুলো লিখেছি আমি আমার নিজের বুঝা থেকে ভুল হলে কমা করবেন। এবং কোন জাগায় ভুল করছি এবং তা কিভাবে হওয়া উচিত ছিল বর্ণনা সহকারে লিখে দিবেন আশা করি। আর লেখাটা কেমন হল নিশ্চয়ই টিউমেন্ট করবেন।

ফেসবুক পেজঃ https://mobile.facebook.com/brrmba/?_rdr