HTML Introduction
Website এর ধারণাঃ
বর্তমান বিশ্বে প্রতিষ্ঠান থেকে শুরু করে সংগঠন, দেশ, জাতি কিংবা ব্যাক্তির গুরুত্বপূর্ণ সব তথ্য সবার কাছে কম্পিউটার, ল্যাপটপ বা স্মার্টফোন এর মাধ্যমে তুলে ধরতে কার্যকরী মাধ্যম হচ্ছে ওয়েবসাইট। একটি ওয়েবসাইট বহু ওয়েবপেইজ দ্বারা গঠিত হয়ে থাকে এবং এতে বিভিন্ন ধরণের গুরুত্বপূর্ণ তথ্য, ছবি, অডিও, ভিডিও ও অন্যান্য গুরুত্বপূর্ণ কন্টেন্ট মনিটরে প্রদর্শন করা যায়। তথ্য প্রযুক্তির যুগে তথ্য, সংবাদ, শিক্ষা, বিনোদন, ইমেইল কিংবা সামাজিক যোগাযোগ সহ আরও বহুবিধ কাজের জন্য ওয়েবসাইট এর গুরুত্ব অপরিসীম। বিজ্ঞান ও প্রযুক্তির যুগে তাই এর সাথে সংশ্লিষ্ট সকলকেই ওয়েবসাইট ও এর গঠন সম্পর্কে ভালো ধারণা থাকা প্রয়োজন।
HTML এর ধারণাঃ
HTML এর পূর্ণরূপ হচ্ছে Hyper Text Mark-up Language. HTML দ্বারা একটি ওয়েবপেইজ এর কাঠামো তৈরির মাধ্যমে একটি ওয়েবসাইটকে সুন্দরভাবে উপস্থাপন করা যায়। HTML ছাড়া ওয়েবপেইজ তৈরি করা সম্ভব নয়।
- HTML হচ্ছে Hyper Text Markup Language
- HTML দ্বারা একটি Web page এর কাঠামো তৈরি করা হয়
- HTML বিভিন্ন উপাদানের সমন্বয়ে গঠিত
- HTML এর বিভিন্ন উপাদান browser কে নির্দেশ করে যে কীভাবে তা প্রদর্শিত হবে
- HTML এর বিভিন্ন উপাদান বিভিন্ন tag দ্বারা নির্দেশিত হয়
- Website কখনো HTML tags প্রদর্শন করে না, বরং এটি কি কি কাজ করবে তা নির্দেশ দেয়
HTML এর সুবিধাসমূহঃ
- যে কোনও কম্পিউটার এর Browser HTML সাপোর্ট করে
- HTML দ্বারা তৈরি করা website মোবাইল বা স্মার্টফোনে দেখা যায়
- বিভিন্ন স্টাইল CSS ব্যবহার করে সংযুক্ত করা যায়
- বিভিন্ন মাল্টিমিডিয়া ফাইল সংযুক্ত করা যায়
- Hyperlink এর মাধ্যমে এক webpage থেকে অন্য webpage এ যাওয়া যায়
- টেবিল তৈরি করে প্রদর্শিত করা যায়
- Form এর মাধ্যমে ব্যবহারকারির তথ্য সার্ভারে জমা রাখা যায়
- বিভিন্ন ভাষায় webpage কে প্রদর্শিত করা যায়
HTML এর Structure এবং এর Basic Layout:
HTML এর Structure তৈরি করার জন্য কিছু মৌলিক Tag ব্যবহার করা হয়। পুরো ওয়েবপেইজ এই কাঠামোর উপর ভিত্তি করে ডিজাইন করা হয়। নিচে HTML এর Structure দেয়া হলোঃ
<!DOCTYPE html>
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>
Tag গুলোর পরিচিতিঃ
<!DOCTYPE>
Webpage এর HTML ডকুমেন্ট এর শুরুতেই এই কথাটি লিখে ডকুমেন্ট টাইপ নির্ধারণ করে দিতে হয়। কোন ভার্সন এর HTML কোড Webpage এ ব্যবহার করা হয়েছে তা এটি দেখে বোঝা যায়। যেমনঃ HTML 5 এর ক্ষেত্রে লিখতে হয়- <!DOCTYPE HTML>
HTML
একটি Webpage এর সকল HTML কোড <html> এবং </html> ট্যাগ এর মধ্যে লিখতে হয়। এর দুটি অংশ রয়েছে- একটি HEAD এবং অপরটি BODY.
<html> ট্যাগ: এই Tag টি দিয়েই HTML এর Structure শুরু। এর ভেতরেই পুরো HTML এর Code লেখা হয়ে থাকে।
</html> ট্যাগ: এই Tag দ্বারা <html> ট্যাগ এর সমাপ্তি বোঝায়।
HEAD
এই অংশের কোড <head> এবং </head> ট্যাগ এর মধ্যে লিখতে হয়। এই অংশে Webpage এর শিরোনাম, কী ওয়ার্ড, সংক্ষিপ্ত বর্ণনা, কোড এর লেখক বা Webpage ডিজাইনার এর নাম, বিভিন্ন স্টাইল, গুরুত্বপূর্ণ স্ক্রিপ্ট, লাইব্রেরী ইত্যাদি সংযুক্ত থাকে। এই অংশের তথ্য Webpage এ প্রদর্শিত হয়না। Web Browser, web server এবং search engine এই অংশের তথ্য সংগ্রহ করে বা ব্যবহার করে। এই অংশে যেই সকল ট্যাগ ব্যবহার করা হয় তা হলো-
<title> ট্যাগ: Webpage এর শিরোনাম লিখতে ব্যবহার করা হয়
<meta> ট্যাগ: Webpage সম্পর্কিত তথ্য লিখতে ব্যবহার করা হয়
<keyword> ট্যাগ: এই অংশে Webpage এর বিভিন্ন কী ওয়ার্ড লিখতে ব্যবহার করা হয়
<link> ট্যাগ: অন্যান্য ডকুমেন্ট এর বিভিন্ন ফাইল সংযুক্ত করতে ব্যবহার করা হয়
<style> ট্যাগ: Webpage এর জন্য বিভিন্ন স্টাইল সংযুক্ত করতে ব্যবহার করা হয়
<script> ট্যাগ: Javascript বা অন্যান্য স্ক্রিপ্ট সংযোজন করতে ব্যবহার করা হয়
BODY
এই অংশে ব্যবহৃত কোড Webpage এ প্রদর্শিত হয়ে থাকে। এর জন্য এই অংশের কোড <body> এবং </body> ট্যাগ এর মধ্যে লিখতে হয়।
