এইচটিএমএল

হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ
(.htm থেকে পুনর্নির্দেশিত)

হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ (অথবা এইচটিএমএল, ইংরেজি: Hyper Text Markup Language) হলো একটি মার্ক আপ ল্যাঙ্গুয়েজ। এইচটিএমএল এর মার্ক আপ ট্যাগ সমূহ ব্যবহার করে ওয়েবপেজ এর বেসিক কাঠামো তৈরি করা হয়।
প্রকৃত অর্থে এটি কোনো প্রোগ্রামিং ল্যাংগুয়েজ নয় বরং একটি মার্কআপ ল্যাংগুয়েজ যা একসারি মার্কআপ ট্যাগ এর সমন্বয় গঠিত। ইন্টারনেটে তথা ওয়েবসাইটে ওয়েবপেজ তৈরিতে এইচ টি এম এল সবচেয়ে বেশি ব্যবহৃত হয়। এই ফাইলের এক্সটেনশন .html অথবা .htm উভয়ই হতে পারে। এতে বিভিন্ন এইচটিএমএল ট্যাগ ব্যবহার করে বিভিন্ন ফর্ম্যাটিং, অবজেক্ট ও লিংক প্রকাশ করা করা হয়। HTML এর সর্বশেষ ভার্সন হলো HTML5 যার উন্নয়ন কাজ এখন সম্পূর্ণ এবং নতুন আদর্শমান । HTML5 এ ওয়েবসাইটে অডিও,ভিডিও যোগ করার জন্য নতুন আদর্শ(স্ট্যান্ডার্ড) যোগ করা হয়েছে।

HTML
(HyperText Markup Language)
HTML.svg
ফাইলনাম এক্সটেনশন
  • .html
  • .htm
ইন্টারনেট মাধ্যমের ধরণtext/html
টাইপ কোডটেক্সট
নির্মাণেW3C & WHATWG
প্রাথমিক মুক্তি১৯৯৩; ২৭ বছর আগে (1993)
সর্বশেষ প্রকাশ৫.০ / ৫.১ (working draft)  / ২৮ অক্টোবর ২০১৪; ৫ বছর আগে (2014-10-28)
বিন্যাসের ধরণডকুমেন্ট ফাইল ফরম্যাট
প্রসারিত হয়েছেSGML
সম্প্রসারিতXHTML
মানদণ্ড
মুক্ত বিন্যাস?Yes
ওয়েবসাইট

ওয়েবপেজ মূলত দুই ধরনের হয়। স্টাটিক ওয়েবপেজ এবং ডায়নামিক ওয়েবপেজ। HTML ও CSS স্টাটিক ওয়েবপেজ বানানো হয়।ডায়নামিক ওয়েবপেজ বানাতে এগুলোর সাথে পিএইচপি, জাভাস্ক্রিপ্ট ইত্যাদি প্রোগ্রামিং ল্যাঙ্গুয়েজও ব্যবহার করা হয়।

ইতিহাসসম্পাদনা

১৯৮০ সালে ব্রিটিশ কম্পিউটার বিজ্ঞানী টিম বার্নার্স-লি, যিনি সার্ন এ একজন ঠিকাদার ​​ছিলেন, সর্বপ্রথম সার্ন গবেষকদের মাঝে দস্তাবেজ শেয়ার করার জন্য ENQUIRE prototyped নামে একটি ‍System এর প্রস্তাব দেন। ১৯৮৯ সালে, বার্নার্স-লি একটি ইন্টারনেট ভিত্তিক হাইপারটেক্সট সিস্টেম প্রস্তাবে একটি মেমো লিখেন। ১৯৯০ সালে বার্নার্স-লি ব্রাউজার এবং সার্ভারের সফ্টওয়্যারে এইচটিএমএল (HTML) এর উল্লেখ করেন ।এ বছরেই, বার্নার্স-লি এবং সার্ন এর তথ্য সিস্টেম ইঞ্জিনিয়ার Robert Cailliau যৌথভাবে সার্নকে এ প্রকল্পের জন্য অর্থায়নে অনুরোধ করেন, কিন্তু প্রকল্পটি আনুষ্ঠানিকভাবে সার্ন দ্বারা গৃহীত হয়নি।

 
ডব্লিঊথ্রিসি দ্বারা তৈরি ঐতিহাসিক লোগো

ট্যাগসম্পাদনা

কোড লেখার আগে পরে নির্দিষ্ট কিছু চিহ্নসহ নির্ধারিত কিছু শব্দ ব্যবহার করা হয়। এগুলোকে ট্যাগ বলে।

এইচটিএমএল ট্যাগ গুলো Element name আর angle bracket (<>) দিয়ে তৈরি । প্রতিটি ভাষা লেখার জন্য নির্দিষ্ট নিয়ম থাকে। এই নিয়ম বা ধরনকেই syntax বলে। এইচটিএমএল ট্যাগগুলো লেখার জন্যও নির্দিষ্ট সিন্ট্যাক্স আছে। এভাবে না লিখলে ব্রাউজার ট্যাগ অনুযায়ী কন্টেন্ট দেখাতে সমর্থ্য হবে না।

HTML tag এর syntax হলো-


<tagname>content goes here...</tagname>

বিভিন্ন কোডসম্পাদনা

হেডিংসম্পাদনা

এইচটিএমএল হেডিং <h1> থেকে <h6> ট্যাগসমূহ দ্বারা লেখা হয়।[১] h1 হচ্ছে সবচেয়ে বড় হেডিং এবং ক্রমান্বয়ে h6 সবচেয়ে ছোট। বিভিন্ন ধরনের বড় ছোট হেডিং নিম্নরূপে লেখা হয়।

<h1>বড় হেডিং</h1>
<h6>ছোট হেডিং</h6>

অনুচ্ছেদ ট্যাগসম্পাদনা

কোন অনুচ্ছেদ লেখার জন্যে আরম্ভ ট্যাগ হিসেবে <p> এবং সমাপ্তি ট্যাগ হিসেবে </p> ব্যবহার করতে হয়। উদাহরণঃ

<p>আপনার কাঙ্খিত অনুচ্ছেদ</p>

এইচটিএমএল টেবিলসম্পাদনা

এইচটিএমএল এ টেবিল তৈরী করার জন্য নিম্নের কোড ব্যবহার করা হয়।টেবিল তৈরীতে চার ধরনের Tag ব্যবহার করে হয়।

  • <tr> ট্যাগ ব্যবহার করা হয় Table Row লেখার জন্য ।
  • <th> ট্যাগ ব্যবহার করা হয় Table Header লেখার জন্য ।
  • <td> ট্যাগ ব্যবহার করা হয় table Data লেখার জন্য ।
<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>

তথ্যসূত্রসম্পাদনা

বহিঃসংযোগসম্পাদনা