HTML পর্ব-১ : Intro

HTML কি?

HTML সম্পর্কে সব থেকে ছোট কথায় বললে যা দাঁড়ায় তা হলো, HTML এমন একটি language যা দ্বারা একটি web site কে আমরা ব্যাখ্যা করতে পারি।
HTML এর অর্থ হলো - "Hyper Text Markup Language". লক্ষ করে দেখুন এর নামের কোন অংশে কিন্তু "Programming" কথাটির উল্লেখ নেই। আসলে এটি কোন Programming language নয়, এটি একটি Markup Language. Programming language হল সেই সকল language যা বিভিন্ন logic এর উপর প্রতিষ্ঠিত এবং বিভিন্ন ধরনের Input প্রেক্ষিতে Output প্রদান করে। অপরদিকে Markup Language হল বিভিন্ন ধরনের Markup Tag (Tag সম্পর্কে নিচে আলোচনা করা আছে) এর সমষ্টি যা একটি HTML পেজ তথা ফাইলের বিভিন্ন অংশ কে প্রকাশ করে বা বিভিন্ন নির্দেশনা অরদান করে।

HTML Tag কি?

HTML এর Markup sign গুলোকেই সাধারনত HTML Tag বলা হয়। HTML Tag গুলো সাধারনত বিভিন্ন ধরনের Keyword (tag names) যার উভয় পাশে একটি opening ও একটি closing angle brackets থাকে। যেমনঃ

<tag_name> content </tag_name>

এখানে tag_name এর স্থলে উপযুক্ত tag দিতে হবে এবং content এর স্থলে ঐ tag এর content বসবে।

HTML Tag কে সাধারনত দুই ভাবে ভাগ করা যায়। একটি হলো block-level tag এবং অপরটি inline-level tag. Block-level tag হলো এমন এক ধরনের element যা অন্য element যেমন paragraphs, headings, tables ইত্যাদি contain করতে পারে। অন্য দিকে inline-level tag গুলো কোন element কে contain করে না বা করতে পারে না। তারা বিভিন্ন element এর মাঝে বসে এবং তাদের attribute বা অন্য যেকোন attribute ও পরিবর্তন আনে। Block-level element বা tag গুলোর মধ্যে সবচেয়ে পরিচিত এবং বহুল ব্যবহৃত একটি tag হলো <div> tag. অপরদিকে inline-level tag গুলোর মধ্যে উল্লেখ যোগ্য হলো <span>, <style>, <img>, <a>, <i>, <u>, <b> এবং আরো অনেক। পরবর্তী tutorial গুলোর মাধ্যমে ধীরে ধীরে আমি এগুলো সম্পর্কে বিস্তারিত জানানোর চেষ্টা করবো।

• উপরের আলোছনা থেকে আমরা দেখতে পাইঃ
• একটি element এর শুরুতে Opening/Start tag এবং শেষে Closing/End tag থাকে।
• দুই Tag এর মধ্যবর্তী অংশকে Element এর Content বলে।
• কোন কোন Tag এর Element Content নাও থাকতে পারে। এদের কে Start tag এর মধ্যেই close করা হয়। নিচের উদাহরন টি লক্ষ্য করুনঃ
• Tag গুলো সাধারনত একটি জোড়ায় জোড়ায় আসে। এদের প্রথমটিকে বলা হয় Start tag অথবা Opening tag এবং দ্বিতীয়টিকে বলা হয় End tag অথবা Closing tag.
• উভয় Tag একি ভাবে লেখা হয়, শুধুমাত্র End tag name এর আগে একটি Forword slash যুক্ত থাকে।

উপরে লেখা গুলো থেকে আমরা Tag সম্পর্কে কিছু ধারনা পেলাম। একটি Web page এ আমরা যাকিছু দেখতে পাই তার সবকিছুই আসলে তাদের ধরন অনুযায়ী নির্দিষ্ট দুই Tag এর মাঝখানেই আবদ্ধ। অন্যকথায় এই Tag দ্বয়ের মাঝে তাদের নির্দিষ্ট ধরন অনুযায়ী যে সকল উপাদান বা content থাকে, তাই সাধারন ভাবে আমরা একটি Web page এ দেখতে পারি।

(পরবর্তী বোকামো থেকে কথা থাকবে কম, আর কাজ থাকবে বেশী...)