html: html এর full form হচ্ছে hyper text markup language. এর সংক্ষিপ্ত রুপ। কোন ডকুমেন্ট এর ইন্টার্নাল এক্সিকিউশন প্রক্রিয়ায় তথ্য প্রক্রিয়াকরন করে সেই তথ্য প্রদর্শন করতে এই html ব্যবহার হয়।
মূলত ওয়েবপেজ তৈরি ও ব্রাউজারে তথ্য প্রদর্শন করতেই html ব্যবহার হয়।
html tag: htm ট্যাগ হচ্ছে একটি পেজকে কাঠামোবদ্ধ করে নির্দিষ্ট অংশের জন্য নির্দিষ্ট তথ্য ম্যানিপুলেশন করে প্রদর্শন করার জন্য নির্দিষ্ট syntax এ গঠিত গ্রুপ বা সংকেত অথবা মার্ক।
জিনিস পত্র কিনতে গেলে শপিং মলে যেমন পণ্যের গায়ে একটি ট্যাগ থাকে। তাতে কোম্পানি ও কত দাম ইত্যাদি লেখা থাকে। তেমনি html ট্যাগ ব্রাউজারে কোন স্থানে ইউজারের জন্য যে ধরণের তথ্য প্রদর্ডন করতে হবে তা নির্ধারণ করে দেয়। যেমন ইউজারে জন্য ছবি প্রদর্শিত হবে নাকি প্যারাগ্রাফের মত লেখা প্রদর্শিত হবে নাকি কোন এড্রেস প্রদর্শিত হবে তা ঠিক করে। আপনি যখন এই লেখাটি পড়ছেন তখন এই লেখাটি আপনার সামনে প্রদর্শনের জন্য <p> ট্যাগ ব্যবহার হচ্ছে। এই ট্যাগ লেখাগুলোকে প্যারাগ্রাফ বা অনুচ্ছেদ হিসাবে আপনার সামনে প্রদর্শন করছে বলেই আপনি পড়তে পারছেন।
একটি ওয়েব পেজে ব্যবহৃত ট্যাগ গুলো সাধারণত ৩ প্রকারে হয়ে থাকে। কিন্তু দেখতে সাধারণত দুই প্রকার মনে হবে। যথা
১। একটি open tag । যেমন এই ট্যাগটি কোন বিষয়ের টাইটেল বা শিরোনাম লেখার শুরু কে নির্দেশ করে।<br /> <br /> ২। একটি close tag । যেমন এই ট্যাগটি কোন বিষয়ের টাইটেল বা শিরোনাম লেখার শেষ কে নির্দেশ করে।
৩। empty tag । এটি সাধারণত open ট্যাগ। এর কোন close tag নাই। তবে open tag এর সাথে এর পার্থক্য হচ্ছে এই ট্যাগ শুধু মাত্র একটি open tag সিস্টেমে কাজ করে। যেমনঃ
এদের কোন close tag নাই তবে মাঝে মাঝে
এভাবেও ব্যবহার করা হয়।
কাঠামো গঠনে কিছু ট্যাগ এর বর্ণনাঃ
<+html> ও <+/html>: এই ট্যাগ একটি ডোকুমেন্ট কে ওয়েবপেজ নির্দেশ করে। অর্থাট কোন ওয়েবপেজ রচনা করতে হলে প্রথমেই ওফেন ট্যাগ ও শেষে ক্লোজ ট্যাগ ব্যবহার করতে হয়। এই ট্যাগ ব্রাউজার কে নির্দেশ দেয় যে, এটি একটি ওয়েবপেজ । এই পেজের তথ্যগুলো এক্সিকিউশোন করে প্রদর্শন করতে হবে।
তবে এই ট্যাগের সুন্দর্য ও কিছু শর্ত প্রয়োগ করা যায়। এই ধরনের বিষয়কে বলে attribute. যদি আপনি ব্রাউজারকে বলতে চান যে, এই ওয়েবপেজে ভাষা হিসাবে বাংলা ব্যবহার হয়েছে তবে এভাবে লিখতে হয়ঃ ।
<+head>ও <+/head: একটি ওয়েব পেজের header নির্দেশ করে এই ট্যাগ। একটি শুরু ও একটি শেষের মধ্যে যা লিখবেন। ব্রাউজার সেই তথ্যকে সর্বাজ্ঞে গুরুত্ব দেবে এবং ইন্টার্নাল বা স্টাটাস বারে তথ্য প্রদর্শোন করে।
ও <+title> ও <+/title> : এই ট্যাগ মূলত head tag এর ভেতর অবস্থান করে। এই ট্যাগের তথ্য স্টাটাস বারে বা টাইটেল বারে প্রদর্শিত হয়।
<+body> ও <+/body> এই ট্যাগই মুলত ইউজারের জন্য সকল প্রকার তথ্য সরাসরি প্রদর্শন করে। এটি ওয়েব পেজের গর্ভ বা মূল তথ্যের অংশ। প্রায় অন্য সকল ট্যাগ গুলো তথ্যকে ম্যানিপুলেট করতে এই ট্যাগের ভেতরে ব্যবহার করতে হবে। মূল পেজের কোন ব্যাকগ্রাউন্ড রঙ বা ছবি দিতে চাইলে তা এই ট্যাগের ভেতর এট্রিবিউট হিসাবে লিখতে হবে। যেমনঃ <+body bgcolor=#a4a5a4>
<+p> : মূল অংশ বা বডি এর ভেতর কোন প্যারাগ্রাফ বা প্যারা লিখতে চাইলে এই ট্যাগ এবং এর ক্লোজ ট্যাগ ব্যবহার করতে হয়। সাধারনত লেখার সুবিধা ও একটি উপাদান আরেকটি উপাদান থেকে পৃথক করতে চাইলেও এই ট্যাগ ব্যবহার হয়। সরাসরি বডি ট্যাগে কিছু না লিখে অনুচ্ছেদ হিসাবে লিখতে এই ট্যাগ ব্যবহার হয়। এখানেও কিছু এট্রিবিউট ব্যবহার হতে পারে।
<+img>: ব্রাউজারে কোন ছবি প্রদর্শন করতে হলে এই ট্যাগ ব্যবহার হয়। কিন্তু এটি ওফেন ট্যাগের অন্তর্ভুক্ত। এতে কোন ক্লোজ ট্যাগ নাই তাই এট্রিমিউট সহ এই ট্যাগের সঠিক গঠন হবেঃ <+img src="yourImageLingk" alt="optiona"> তবে অলটার ব্যবহার অপরিহার্য্য নয়।
লিংক ট্যাগঃ একটি পেজের ভেতর আরেকটি পেজের লিংক ব্যবহার করতে এই ট্যাগ ব্যবহার হয়। এর গঠনঃ <+a href="yourPageNamae"> click here to see the page <+/a>
আন্ডারলাইনঃ কোন লেখা বাক্য বা শব্দের নিচে আন্ডারলাইন করতে <+u> এবং এর ক্লোজ ট্যাগ ব্যবহার হয়।
<+br> : একটি লাইন থেকে নিচের লাইনে আসতে হলে এই ট্যাগ ব্যবহার হয়। এর কোন ক্লোজ ট্যাগ নাই।
অন্যান্যঃ এমন আরও কিছু গুরুত্বপূর্ন ট্যাগ হচ্ছে <+i>, <+b>, <+font>, <+table>, <+em>,<+address>
<+iframe>, <+div>,
আরও জানতে এই লিংকে ক্লিক করুন। এখানে ওয়েব ডেভেলপমেন্টের জন্য প্রয়োজনীয় ট্যাগ লিস্ট পাবেন।
*উল্লেখ্য "+" চিহ্ন গুলো বাদে ট্যাগ ব্যবহার করতে হবে।
