এইচটিএমএল

হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ (অথবা এইচটিএমএল, ইংরেজি: Hyper Text Markup Language) হলো একটি মার্ক আপ ল্যাঙ্গুয়েজ। এইচটিএমএল এর মার্ক আপ ট্যাগ সমূহ ব্যবহার করে ওয়েবপেজ এর বেসিক কাঠামো তৈরি করা হয়। প্রকৃত অর্থে এটি কোনো প্রোগ্রামিং ল্যাংগুয়েজ নয় বরং একটি মার্কআপ ল্যাংগুয়েজ যা একসারি মার্কআপ ট্যাগ এর সমন্বয় গঠিত। ইন্টারনেটে তথা ওয়েবসাইটে ওয়েবপেজ তৈরিতে এইচ টি এম এল সবচেয়ে বেশি ব্যবহৃত হয়। এই ফাইলের এক্সটেনশন .html অথবা .htm উভয়ই হতে পারে। এতে বিভিন্ন এইচটিএমএল ট্যাগ ব্যবহার করে বিভিন্ন ফর্ম্যাটিং, অবজেক্ট ও লিংক প্রকাশ করা করা হয়। HTML এর সর্বশেষ ভার্সন হলো HTML5 যার উন্নয়ন কাজ এখন সম্পূর্ণ এবং নতুন আদর্শমান । HTML5 এ ওয়েবসাইটে অডিও,ভিডিও যোগ করার জন্য নতুন আদর্শ(স্ট্যান্ডার্ড) যোগ করা হয়েছে। ওয়েবপেজ মূলত দুই ধরনের হয়। স্টাটিক ওয়েবপেজ এবং ডায়নামিক ওয়েবপেজ। HTML ও CSS স্টাটিক ওয়েবপেজ বানানো হয়।ডায়নামিক ওয়েবপেজ বানাতে এগুলোর সাথে পিএইচপি, জাভাস্ক্রিপ্ট ইত্যাদি প্রোগ্রামিং ল্যাঙ্গুয়েজও ব্যবহার করা হয়। ১৯৮০ সালে ব্রিটিশ কম্পিউটার বিজ্ঞানী টিম বার্নার্স-লি, যিনি সার্ন এ একজন ঠিকাদার ​​ছিলেন, সর্বপ্রথম সার্ন গবেষকদের মাঝে দস্তাবেজ শেয়ার করার জন্য ENQUIRE prototyped নামে একটি ‍System এর প্রস্তাব দেন। ১৯৮৯ সালে, বার্নার্স-লি একটি ইন্টারনেট ভিত্তিক হাইপারটেক্সট সিস্টেম প্রস্তাবে একটি মেমো লিখেন। ১৯৯০ সালে বার্নার্স-লি ব্রাউজার এবং সার্ভারের সফ্টওয়্যারে এইচটিএমএল (HTML) এর উল্লেখ করেন ।এ বছরেই, বার্নার্স-লি এবং সার্ন এর তথ্য সিস্টেম ইঞ্জিনিয়ার Robert Cailliau যৌথভাবে সার্নকে এ প্রকল্পের জন্য অর্থায়নে অনুরোধ করেন, কিন্তু প্রকল্পটি আনুষ্ঠানিকভাবে সার্ন দ্বারা গৃহীত হয়নি। কোড লেখার আগে পরে নির্দিষ্ট কিছু চিহ্নসহ নির্ধারিত কিছু শব্দ ব্যবহার করা হয়। এগুলোকে ট্যাগ বলে। এইচটিএমএল ট্যাগ গুলো Element name আর angle bracket (<>) দিয়ে তৈরি । প্রতিটি ভাষা লেখার জন্য নির্দিষ্ট নিয়ম থাকে। এই নিয়ম বা ধরনকেই syntax বলে। এইচটিএমএল ট্যাগগুলো লেখার জন্যও নির্দিষ্ট সিন্ট্যাক্স আছে। এভাবে না লিখলে ব্রাউজার ট্যাগ অনুযায়ী কন্টেন্ট দেখাতে সমর্থ্য হবে না। HTML tag এর syntax হলো- এইচটিএমএল হেডিং <h1> থেকে <h6> ট্যাগসমূহ দ্বারা লেখা হয়। h1 হচ্ছে সবচেয়ে বড় হেডিং এবং ক্রমান্বয়ে h6 সবচেয়ে ছোট। বিভিন্ন ধরনের বড় ছোট হেডিং নিম্নরূপে লেখা হয়। <h1>বড় হেডিং</h1> <h6>ছোট হেডিং</h6> কোন অনুচ্ছেদ লেখার জন্যে আরম্ভ ট্যাগ হিসেবে <p> এবং সমাপ্তি ট্যাগ হিসেবে </p> ব্যবহার করতে হয়। উদাহরণঃ <p>আপনার কাঙ্ক্ষিত অনুচ্ছেদ</p> এইচটিএমএল এ টেবিল তৈরী করার জন্য নিম্নের কোড ব্যবহার করা হয়। টেবিল তৈরীতে চার ধরনের Tag ব্যবহার করা হয়। <tr> ট্যাগ ব্যবহার করা হয় Table Row লেখার জন্য । <th> ট্যাগ ব্যবহার করা হয় Table Header লেখার জন্য । <td> ট্যাগ ব্যবহার করা হয় table Data লেখার জন্য । <!DOCTYPE html> <html lang="bn"> <head> <title>দেশ সম্পর্কিত টেবিল</title> </head> <body> <table border="1" cellpadding="10" cellspacing="0"> <tr> <th>দেশের নাম</th> <th>রাজধানী</th> <th>জনসংখ্যা</th> <th>মুদ্রা</th> </tr> <tr> <td>বাংলাদেশ</td> <td>ঢাকা</td> <td>১৬৬.৩০ মিলিয়ন</td> <td>বাংলাদেশি টাকা (BDT)</td> </tr> <tr> <td>ভারত</td> <td>নতুন দিল্লি</td> <td>১.৪২ বিলিয়ন</td> <td>ভারতীয় রুপি (INR)</td> </tr> <tr> <td>পাকিস্তান</td> <td>ইসলামাবাদ</td> <td>২৩১.৪০ মিলিয়ন</td> <td>পাকিস্তানি রুপি (PKR)</td> </tr> <tr> <td>শ্রীলঙ্কা</td> <td>কলম্বো</td> <td>২১.৫৯ মিলিয়ন</td> <td>শ্রীলঙ্কান রুপি (LKR)</td> </tr> </table> </body> </html> এই কোড টি ঠিক এরকম হবে <table border="1"> <tr> <th>দেশের নাম</th> <th>স্বাধীনতার বছর</th> </tr> <tr> <td>বাংলাদেশ</td> <td>১৯৭১</td> </tr> </table> উপরের কোডটির আউটপুট হিসেবে নিচের টা আসবে। এগুলো ছাড়া আরো অনেক ট্যাগ ব্যবহৃত হয়। যেমন <li>...</li> <ul>...</ul> <ol>...</ol> <img src="imagelink">...</img> পিএইচপি সিএসএস জাভাস্ক্রিপ্ট ওয়েব ডেভেলপমেন্ট "W3C Html"। উদ্ধৃতি টেমপ্লেট ইংরেজি প্যারামিটার ব্যবহার করেছে (link) w3schools w3schools.com w3c.com